Des pixels et du code #66
Une version un peu particulière des pixels et du code puisque je suis aujourd’hui en directe de Bézier pour ma toute première conférence à Web-5. Du coup les liens de la semaine prochaine seront surement moins nombreux, n’ayant pas le temps en ce moment de faire ma veille matinale quotidienne. Au programme cette semaine, quelques articles sur la sortie d’iOS7, on ne pouvait pas y échapper mais également des illustrations, des freebies et une présentation du nouvel outil de Brad Frost « atomic design ».
Les articles à lire
#UX mobile
Three Reasons We’ve Outgrown Mobile Context 3 raisons pour lesquelles il n’est aujourd’hui plus possible d’imaginer retirer des fonctionnalités pour la version mobile d’un site sur la simple supposition qu’elles ne seront pas utilisées. J’aime beaucoup la citation de Brad Frost “Repeat after me: mobile users will do anything and everything desktop users will do, provided it’s presented in a usable way.”
#Développement
Why Developers Are Such Cheap Bastards une analyse du pourquoi les développeurs préfèrent généralement travailler avec des outils gratuits. Je trouve la partie “interview” de Erik B est assez révélatrice de ce qui doit souvent se passer en entreprise.
# Workflow
Atomic Design Makes Me Feel Like a Chemist, un retour sur la conférence de Brad Frost qui parlait d’Atomic Design avec une jolie métaphore d’un design sous forme de molécules que l’on assemble et les techniques de Style Tiles, Element Collages ainsi qu’une présentation du Pattern Lab
#iOS7
Par ce que c’est la nouvelle de la semaine donc vous n’avez pas pu y couper, difficile de trouver un article impartial sur le design mais en voici un qui détaille les vues : iOS7 Anf The Transition To Flat
Inspiration
#Webdesign
Supersyncsports un jeu HTML5 sous Chrome qui utilise le téléphone comme manette pour contrôler le petit personnage
#Illustration
Moad Series des illustrations très colorées pour égayées votre semaine
#Affiches
Jaune avec un grand R de magnifiques affiches toute en jaune et bleu pour une campagne “80 ans de Ricard” sur le principe du calligramme
#Wallpaper
Downloads de très jolis fonds d’écrans pleins de couleurs à télécharger pour vos appareils
Discover Your Design Alter Ego modernism, Bauhaus, post industriel, etc, avec quel grand courant du design être vous le plus proche.
Les tutoriels de la semaine
#Typography
Setting type un petit tutoriel sous forme d’exercice pour apprendre les bases de la typographie et rythme vertical sur le web
#CSS
Horizontal Portfolio Layout with CSS3 Animations and jQuery un tutoriel pour créer un portfolio de minatures de réalisations horizontal qui apparaissent lorsque l’on fait défiler vers la droite
Des ressources utiles
#Freebies
Freebiesbug.com un site dédié à des ressources graphiques et autres freebies à télécharger
#jQuery JavaScript
Native equivalents of jQuery functions des équivalents de certaines fonction de base de jQuery en VanillaJS pour pouvoir se passer de jQuery sur certains projets
#JS
jsbooks.revolunet.com propose une liste de ressources gratuites pour apprendre le JavaScript
#Video #Apprendre
www.videry.me rassemble un sélection de vidéos pour les Webdesigners
pixeltalks.com un autre site qui rassebmel des vidéos de conférence sélectionnées à la main
Opera Mail. Opera sors un client de mail apparemment léger et facile d’utilisation. Je n’ai pas encore testé mais pourquoi pas
Les démos sympas et impressionnantes
#404
www.masswerk.at/404 une page 404 pour jouer à space invaders ni vu ni connu ^^
Et s’il devait n’en rester qu’un ?
# Design /dev Workflow
Atomic Design Makes Me Feel Like a Chemist, un retour sur la conférence de Brad Frost qui parlait d’Atomic Design avec une jolie métaphore d’un design sous forme de molécules que l’on assemble et les techniques de Style Tiles, Element Collages ainsi qu’une présentation du Pattern Lab