C’est partit pour une 4ème revue de web avec au programme cette semaine un portfolio coup de coeur qui déchire tout (mais vraiment), pas mal de CSS articles et démos, deux themes WP gratuits, des belles app’ iOS, mais également de la typographie comme d’hab’, des nouveaux outils, des bouquins… Malgré un tri drastique, le contenu sera encore assez dense cette semaine… Aller Zou !

Sites Web

• Foundation : zoom sur le site web du framework foundation V3, proposé par l’agence Zurb.
• NEw Babylon… j’aime.
• Le portfolio du designer Tobias Van Schneider est une tuerie… Les case-studies sont à couper le souffle, juste WOW wow wow… Mon coup de coeur du moment sans l’ombre d’un doute. (Il rejoindra d’ailleurs les bureaux de Fi Stockholm début Août…)

Articles

• Evolving e-commerce checkout : Luke Wroblewski revient sur l’évolution du processus d’achat sur le web
• The « new » Clearfix method : le site CSS101 nous propose une énième version de la méthode clearfix, cette fois-ci plus agressive, sur 3 lignes seulement.
• Creating custom form checkbox and radio btn with only CSS : Un moyen très simple pour customiser ses éléments de formulaire, en utilisant simplement les CSS.
• Try Github : Un mini-tuto pour apprendre simplement à utiliser Github
• Dites non aux idées gratuites : l’AFD (Alliance Française des Designers) donne son avis sur le « spec work » et tout ce qui s’y rapporte. Un lien qui m’a été envoyé par @Cabaroc (alias Jean-Philippe Cabaroc) suite à une discussion sur Twitter. Merci à lui ;)
• How much does a responsive web design cost : Un article intéressant de Brad Frost qui aborde la question délicate du coût du Responsive Web Design côté client.

Démo CSS

• Page Slide : Une démo de navigation responsive qui slide sur le côté en version mobile.
• Swatch book demo : Tympanus nous propose une chouette démo de présentation type nuancier Pantone.
• Un effet de loupe en CSS+JS : un petit effet sympa pour présenter ses maquettes graphiques Retina display sans pour autant envahir l’écran.
• Creating angled split feature area with CSS transform : une démo nous montrant comment créer un effet de transition sur 2 images superposées afin de révéler l’une ou l’autre en fonction du clic.

Ressources

• Groovy : ThemeShop nous propose un theme WP de qualité, gratuit.
• Adapt : Et un autre theme gratuit proposé par WP-Explorer

Typographie

• Instant : Le nouveau caractère du BAT (Bureau des Affaires Typographiques) est disponible.
• Corbeau : André Simard présente son nouveau caractère (chez  OurType).
• Using Open Type on the web : The fontfeed revient sur les possibilités offertes par le format OpenType sur le web.
• Jblt.co : Jean Baptiste Levée nous propose une nouvelle version de son site web.
• The Lost Type Coop ajoute 2 nouvelles fontes à son catalogue : Maven Pro (Joe Prince) et Mission Script (James T.Edmonson)
• Une interview de Stéphane Elbaz à lire sur le site I Love Typography

Lectures :

• Back Cover n°5 : Le Nouveau Back Cover est disponible chez B42
• Quelques extraits du livre The shape of Design sont dispo sur le web
• Inside Paragraphs de Cyrus Highsmith

Applications

• Minu Timer : un petit timer gratuit dans une interface toute mimi.
• Ramp Champ : le concept du jeu de quilles revu et visité à la mode iOS app… Très addictif (Making-off à lire dans un article intéressant du designer Louie Mantia)

Outils

• Validator.nu : un validateur html5 avec filtres permettant de grouper les erreurs.
• Refine Slides : un nouveaux type de slider exploitant CSS-transition CSS-transform pour des transitions en mode 3D, mobile-ready.

Divers

• Creative food scultpures : Le magazine Fubiz nous présente les travaux de l’artiste Dan Cretu qui utilise des fruits et légumes pour modeler des objets de la vie courante. Techniquement très abouti même si j’avoue ne pas être très à l’aise avec le concept.
• C’est aussi pour ça que j’aime Internet… niveau maximum atteint ! bam !
• Dear Marsissa Mayer : Une réponse humoristique à la récente arrivée de Marissa Mayer à la tête de Yahoo après plus de 10 ans chez Google (à lire : le post sur Quora)
• Tweetbot arrive en version alpha sur Mac
• Google input tools : encore une bien belle vidéo d’animation…