Des pixels et du code #44
Entre templates WordPress, icones, et outils pour générer du CSS et des cheatsheet pour les raccourcis Sublime Text, une semaine riche en ressources mais également en lectures : redesign de Facebook, design d’Ubuntu pour mobile et un excellent article qui traite de l’expérience utilisateur des boutons dans les interfaces.
Les tutoriels de la semaine
#CSS
Details about « float » property pour ceux qui ont encore du mal avec les flottants en CSS, cet article résumé assez bien le fonctionnement.
Des ressources utiles
#Icônes
Elusive Icons une font-icon pour vos projets spécialement créée pour fonctionner avec Bootstrap
#jQueryMobile
Graphite un thème simple et efficace pour jQueryMobile avec plusieurs variantes de couleur
#CSS
Gradientfinder.com un générateur de gradients CSS à partir d’une image
#WordPress
Introspection WordPress Theme un thème sombre propre et minimaliste pour WordPress , voir la démo ici.
Minifier les fichiers HTML d’un site WordPress sans plugin un petit snippet bien pratique si on veut minifier son code HTML sans installer un gros plugin
emailbtn.net des boutons bullet proof pour les e-mail, j’avoue ne pas avoir testé la ressource personnellement mais ça m’a l’air pas mal
#HTML5
Appcache.rawkes un outil qui vous permet de générer le manifest AppCache pour un site web, un bon début pour commencer à jouer avec, même s’il vaut mieux adapter le résultat à vos besoins
Les outils et plugins pour vous faciliter la vie
#SublimeText
Cheatsheet – sublimetext un tableau périodique des raccourcis clavier Sublime Text !
Les articles à lire
#Redesign
Facebook-New-Look-Concept un redesign non solicité de Facebook, sympa mais un peu trop “metro UI/ modern UI” Windows à mon goût.
#Ubuntu
Ubuntu.com – design le design d’Ubuntu pour mobile: sympa et très propre
#UX
Should I use Yes/No or Ok/Cancel on my message box? une discussion intéressante sur l’utilisation des label oui / non dans des boites de message, et le fait que dans 90% il vaut mieux utiliser le verbe correspondant à l’action.
#Front-dev
Startups: Why are front end developers so high in demand at startups if front end development is relatively easier than other fields of engineering? un bon résumé de pourquoi l’intégration front-end est plus compliquée que le developmment côté serveur, et pourquoi il est si difficile de trouver un bon intégrateur
#Mobile
13 App Design Trends For 2013 : flat design, moins de boutons, navigation condensée cachée sous une icone “hamburger”, et 10 autres tendances de design d’application pour 2013
Designing For The Empty States un article sur le design de vues sans contenu dans les applications, des vues à ne pas négliger qui permettent d’améliorer grandement l’expérience des utilisateurs
#RWD
Conditional-lightbox des lightbox conditionnelles qui n’ouvrent que l’image sur mobile, une réflexion intéressante.
#Webdesign
Dear design student une série d’article où Mike Monteiro répond à une série de questions posées par des étudiants
#CSS HTML
Things you may not have known about HTML CSS , tout est dans le titre, une liste non exhaustive de quelques petites choses que vous ignoriez peut-être à propos du HTML/CSS
Les démos sympas et impressionnantes
#CSS
Css-dropdowns, une démo d’un menu dropdown en CSS qui ne se ferme pas quand l’utilisateur éloigne la souris de quelques pixels
#RWD
Super Resize Me, un jeu responsive où il faut redimensionner votre navigateur à la bonne taille en un laps de temps donné. Simple et efficace.
Le lien fun pour finir, un petit tumblr qui se joue des stéréotypes des banques d’images : danslavielibrededroits.tumblr.com
