Des pixels et du code #82

Ce contenu a été rédigé il y a 11 ans. Il se peut qu'il ne soit plus à jour.

Comme chaque semaine, je vous propose un condensé de mes lectures et ma veille Web Design et graphisme, expérience utilisateurs, HTML, CSS, outils, ressources et inspiration. Cette semaine c’est iOS qui est à l’honneur dans les articles : retour sur le design d’une application, modèle économique sur l’App Store ainsi que quelques conseils pour l’utilisabilité des formulaires sur mobile en général. Vous trouverez également une grande collection de liens pour votre inspiration, ainsi que des ressources pour le design iOS7 et des icônes animées en SVG et JavaScript

Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)

Les articles à lire

#iOS7 #Design

Designing for iOS7: Perils & Pluses un très intéressant retour d’expérience de Luke Wroblewski sur la mise à jour graphique de Polar pour iOS7

#Chatons

Forget Dribbble, Scoutzie or Bēhance — is your work better than kittens? votre boulot est-il mieux qu’une photo de chaton ? Tentez votre chance :)

#iOS

Yep, paid apps are dead un excellent article sur les changements de modèles économiques sur l’app store et le besoin de voir plus loin pour pouvoir continuer à vivre de ses applications

Inspiration

#Star Wars

Dear JJ Abrams 4 règles pour faire du prochain Star Wars un succès

#Affiche de Film

The visual evolution of Batman in movie posters une évolution visuelle des affiches pour Batman

An alternative visual perspective to popular movie poster designs des propositions d’affiches pour des films célèbres, pour beaucoup je préfère la proposition alternative

#Mustache

Absurd Portraits from the National Beard & Mustache Championships by Greg Anderson des photos d’hommes avec de superbes barbes et moustaches

#Scroll

Mailchimp goes with you faites défiler la page et admirez l’effet très ingénieux sur le mot “goes with you”

#Typographie

Spewbagchallenge.tumblr.com de belles lettres dessinées sur des sacs à vomis (oui ça ne fait pas rêver dit comme ça ^^)

#WebDesign

Catscarf.com un site pour offrir une écharpe à votre chat, je ne suis pas fan du concept, mais le design du site est très sympa

#CSS

Des rébus pour travailler vos propriétés CSS (comme ça vous avez une bonne excuse de visiter un tumblr au boulot)

Les tutoriels de la semaine

#CSS

A very nice collection of separator styles sur Codrops un tutoriel pour faire de jolis séparateurs de page en CSS.

#CSS Mask

Intro to CSS Masking une vidéo de 8 minutes qui montre certaines possibilités des masques en CSS

Des ressources utiles

#Icons

Smart Icons un “proof of concept” d’icônes en SVG animées en JS

#Papier

Book, un service pour imprimer les réalisations Paper sur du vrai papier <3

#iOS7

iOS 7 Design Resources les ressources iOS7 d’Apple réunies en un seul endroit

Les démos sympas et impressionnantes

#SVG

Travaler Today une démo de SVG animé à l’aide de CSS3 (dommage que ça soit du webkit only)

Et s’il devait n’en rester qu’un ?

#Mobile #UX

6 Mobile Checkout Usability Considerations ce à quoi il faut faire attention lorsque l’on design des formulaires pour mobile résumé en 6 points

Pour finir, n’oubliez pas que vous pouvez toujours tenter de gagner un abonnement d’un mois à video2brain.