Puisque certains d’entre vous semblent apprécier ma petite revue de web alors continuons ! Cette semaine pas mal de CSS au programme, la problématique du design d’interfaces sur écrans HD, de la typo encore et toujours, mais également des outils, des bouquins et j’en passe… En ce moment sur le web 3 ème édition, c’est maintenant !

Articles

• iOS Action & workflow : Mark Edwards propose un update de son célèbre script.
• 25 interactive html websites that look like Flash : je ne suis pas un fan des articles du genre « les 50 plus grands… » mais cette sélection de Chris Spooner vaut le coup d’oeil.
• The amazing power of CSS : une liste de quelques snippets CSS bien utiles.
• Using sprites to optimize Hi-Res display : Maykel Loomans nous propose une méthode d’utilisation des sprites css pour optimiser l’affichage d’images pour les écrans HD.
• Microsoft, voila ce que pourrait-être votre nouvelle identité visuelle : Geoffrey Dorne présente le travail d’Andrew Kim, un jeune Corréen, qui a complètement repensé l’identité visuelle de Microsoft. Juste …Wow !
• Top 20 secrets of Coda 2 : Panic nous dévoile quelques tips pour améliorer notre productivité grâce à son soft Coda 2.
• Mobile web design in hi-resolution : Brad Birdsall revient sur la gestion des pixels de nos interfaces sur les écrans HD grâce aux CSS.
• Designing for context : the multiscreen ecosystem : un bon article d’UX-Mag qui revient sur la diversité des supports et sur la problématique du design en fonction du contexte d’utilisation. Offrir une expérience utilisateur cohérente n’est plus un luxe mais bien une nécessité.

Sites Web

• With Associates : Mon petit kif du moment. Les aplats de couleurs, le layout, la typo, tout en fait.
• Degrees.com (la version mobile est top)
• Everything was made : Pas vraiment un site, plutôt une sous-section du site de F.Chimero. Mais tellement bien réalisé…
• Le site de France 2 a fait peau neuve. Propre. (Et les webfonts font leur apparition ici aussi…)
• Squarespace.com : Nouvelle identité, vraiment réussie !
• Bad Dreams : Le designer Soh Tanaka dévoille la beta de son nouveau site personnel, superbe travail (surkif sur la page Who)

 Outils :

• MouseTrap : une librairie JS pour gérer les raccourcis clavier
• CSS3PS : Un outil qui tente de convertir vos calques Photoshop en code CSS3 . Notons qu’il existe également CSSHat (à 20$)
• Device Ratio checker : Un petit outil très simple pour vérifier les caractéristiques de votre support (pixel-density, width, height etc.)
• Screenr : un service de création de screencast en ligne.

Applications

• Foap : Vous avez des photos inutilisées sur votre téléphone ? Vous pensez qu’elles peuvent intéresser quelqu’un ? Pourquoi ne pas tenter de les vendre ? C’est le service que propose Foap, une nouvelle plateforme de vente d’images sur iPhone.
• InstaDM : Des messages privés sur Instagram ? InstaDM l’a fait. mwarf mwarf :)

Typo

• Jessica Doodles et Jessica Sketches : Jessica Hisches revient avec 2 nouveaux blogs… Au programme : des sketches « behind the scenes » et du lettering qui tue sur une Cintiq. Boom.
• New York Types letterpress exhibition (vidéo)
• Alina : Une petite nouvelle dans la famille des scripts… Condensed. Webfont only.
• Finding the best quality webfonts : un article de Bill Davis sur Fonts.com qui revient sur la problématique du choix des webfonts.
• Make your webpages more legible with CSS3 ligatures and kerning pairs : un autre article résumant les possibilités typographiques offertes par les CSS3.
• Typocamp 2012, réenchanter le réel : Franck Adebiaye nous parle des projets présentés lors de la première édition du Typocamp.
• Serif vs Sans for HD screens : Jakob Nielsen donne son point de vue sur l’utilisation des serifs et des sans pour les écrans HD… Hum, une vision trop réductrice ? Jason Santa Maria le pense et il est loin d’être le seul.

Lecture

• Service Design Books : une sélection de livres sur le design
• Herb Lubalin American graphic Designer 1919-81 : Superbe ouvrage d’Adrian Shaughnessy (Unit edition), retraçant la carrière de Lubalin.
• Elegantissima : the design and typography of Louise Fili : un bel ouvrage présentant près de quarante années de travail de Louise Fili.

Animation 3D

• Dubstep dispute : une petite animation très travaillée, sur fond de dubstep, par Fluxel MEdia

Divers

• Paper Work by Jonathan Shackleton :  Superbe travail de pliage pour ces mini-costumes en papier qui envoient du lourd.
• T-Quotes : Des citations sur le design et la typographie
• Paie ton Gif et paie ton image interactive (drag de haut en bas mwahaha)
• Barcode Band : du papier, des codes barre, un scan, de la musique… yeaaah.
• FontBomb : Vous en avez marre du texte sur les pages web ? Devenez typo-terroriste et détruisez le !