background preloader


Facebook Twitter

Web Accessibility Checklist - The Accessibility Project. Animated Masonry Gallery with Filters Demo. 25 ressources CSS et plugins Javascript pour vos interfaces. Rien de tel que de nouveaux plugins et ressources Javascript pour booster vos sites web et votre inspiration !

25 ressources CSS et plugins Javascript pour vos interfaces

Pour assouvir votre soif de nouveauté, je vous invite à découvrir 25 ressources en tout genre pour rendre vos sites plus efficaces. Au-delà de design, une bonne expérience utilisateur est plus qu’essentielle pour accompagner vos utilisateurs sur votre site web. Les ressources suivantes vont vous permettre de rendre votre site plus animé, plus fluide, plus propre, plus innovant, bref plus cool et remarquable que jamais. Contrastes de texte. Les contrastes de textes sont un élément essentiel d’accessibilité des sites internet.

Contrastes de texte

Un choix judicieux permet de garantir une lisibilité maximale aux personnes ayant un handicap visuel permanent (déficience visuelle, etc.), temporaire (fatigue, écran de mauvaise qualité, etc.)… et toutes les autres. Bien souvent par méconnaissance, les contrastes de textes sont traités rapidement, pour ne pas dire ignorés. Ils sont pourtant un point très important d’accessibilité, et plus largement de lisibilité des contenus des sites internet. Qui plus est, en pleine connaissance du sujet, c’est un point d’accessibilité en général assez facile à traiter grâce aux CSS et qui apporte de grands bénéfices. Online JavaScript beautifier. A Practical Guide to SVGs on the web. After Effects to CSS. Making the transition from animating in After Effects to CSS.

After Effects to CSS

I started my dive into software design a couple years ago by creating demo videos and animating user interfaces. Coming from a Motion Design background, After Effects was my baby, and I had spent many years perfecting that craft. I have worked side by side with developers re-creating the animations that I had created in After Effects. This process was slow and tedious — there was a need for the designer and developer to sit next to each other and hash out the details.

I wanted to improve this workflow, so I dove into the research to understand how animations work within development and what the mental model was in which I needed to adapt to. 1. The world of development is constantly changing. Understand the Properties at your disposal. Basic List of Animatable Properties: Examples of Each Property Animated. Favicon Generator for all platforms: iOS, Android, PC/Mac... Favicon Generator for all platforms: iOS, Android, PC/Mac... How Values Work. Following decades of research and hundreds of cross-cultural studies, psychologists have identified a number of consistently-occurring human values.

How Values Work

Early researchers into human motivations discovered a surprising consistency in the things people said they valued in life. After testing this finding many times and across many countries and cultures, they put together a list of repeatedly occurring values. Rather than occurring randomly, these values were found to be related to each other. Some were unlikely to be prioritised strongly at the same time by the same individual; others were often prioritised strongly at the same time. The researchers mapped this relationship according to these associations, as presented below.The closer any one value ‘point’ is to another, the more likely that both will be of similar importance to the same person.

GitHub · Build software better, together. Postcss/autoprefixer. Pleeease · Postprocess CSS with ease. Generateur de boutons CSS3. Hosted Libraries - Developer's Guide - Make the Web Faster. The CSS3 Matrix Construction Set. Timesheet.js - Open time tables with HTML, JavaScript and CSS … Visualize your data and events with sexy HTML5 and CSS3.

Timesheet.js - Open time tables with HTML, JavaScript and CSS …

Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck.

Free textures for your next web project.

Made by Olga Libby Download A friend gave me a cork wallet. Photoshop Etiquette. LeechBlock. KeepMeOut. 10 Online Tools for Better Attention & Focus. A recent happiness study from Matthew Killingsworth and Daniel Gilbert found that the more our minds wander, the less happy we are.

10 Online Tools for Better Attention & Focus

Summing the research, the New York Times wrote, “Whatever people were doing, whether it was having sex or reading or shopping, they tended to be happier if they focused on the activity instead of thinking about something else.” In short, being mentally “present” and focused on the task at hand really does matter – quite a lot, in fact. If only finding focus were so simple. With a tidal wave of information coming at us daily, focus is rapidly becoming the scarcest commodity of the 21st century. With this in mind, I’ve rounded up a handful of the best apps for fighting back against the constant distractions of our digital lives. 1. If you find yourself slipping into a Twitter sinkhole when you should be updating your business plan, Self-Control may be the app you need. Calcul du precompte de la Maison des Artistes.

Calculateur charge affilé de la Maison des Artistes (MDA) » Subdelirium. Test : interopérabilité, navigateur & multiplateforme. Tiny Typo. Least – TOKI WOKI. Responsive Web Design Cheat Sheet. How to set up breakpoints in this design?

Responsive Web Design Cheat Sheet

You probably ask yourselves this question a lot. Responsive design breakpoints is no rocket science and you don’t need to search the web for the proper breakpoint dimensions every time you design for responsive. As a matter of fact, the ultimate design aid in this matter would be a simple graph with all the breakpoint dimensions visualised. Am I Responsive? Responsive Design Testing. - Test your mobile sites and responsive web designs with the Apple iPhone 5.