Front End Development JCMS

Big news! The Filament Group has released a new version of Picturefill that will make the real picture element work in existing browsers, which means you can start using picture today.

In this post, we'll look at why many common tutorial patterns are ineffective and how you can leverage game design principles to increase user engagement.

For mobile navigation, image grids should be saved for deeper IA levels where visual differentiation between menu items is critical.

From the venerable Luke Wroblewski (@lukew)

Deux sujets à la mode dans un même titre, si avec ça je ne fais pas péter le compteur de visites, je n’ai plus qu’a me tourner vers le porno ! Alors oui, c’est deux sujets à la mode mais qui me paraissent mal compris, individuellement d’une part et ensemble d’une autre part. J’ai déjà évoqué la problématique du Responsive Web Design (RWD en abrégé pour la suite.) dans cet article. Je ne vais donc pas revenir en détail dessus. (Lisez-le pour suivre ce que je vais raconter par la suite.). Ce qu’il faut retenir c’est que cette méthode d’adaptation des sites Web en fonction du support a des limites liées aux usages et aux conditions techniques.

Focal Point is a GitHub project and CSS framework created by Adam Bradley. As you know, the concept of responsive images requires that any images on your page resize and reflow to achieve optimal layout for the current viewport size. Focal Point takes this idea a step further though and not only resizes your images, but crops them as well.

A style guide, also referred to as a pattern library, is a living document that details the front-end code for all the elements and modules of a website or application. It also documents the site's visual language, from header styles to color palettes. In short, a proper style guide is a one-stop guide that the entire team can reference when considering site changes and iterations. Susan Robertson shows us how to build and maintain a style guide that helps everyone from product owners and producers to designers and developers keep an ever-changing site on brand and on target.