Des pixels et du code #07

Cette semaine dans la 7em édition des pixels et du code, j’ai essayé de mettre un peu d’ordre dans les liens, et de les classer en “catégories” : beaucoup de ressources sur Fireworks, souvent mis de côté au profit de Photoshop, et pourtant il a du potentiel, quelques liens sur la mobilité (applications iOs, HTML, jQueryMobile et optimisation mobile) et quelques liens consacrés au wireframing (ou maquettage).

Les tutoriels de la semaine :

#iOs design

Tutorial: How to design a chatroom iPhone UI , un tutoriel sur comment créer pas à pas l’UI d’une application de chat iOs.

#Fireworks

Getting Started with Fireworks: Using Master Pages, Pages, and Web Layers une vidéo pour bien commencer avec Fireworks

#IE

Comment interdire le mode de compatibilite sur ie , tout est dans le titre :)

Des ressources  utiles :

#Fireworks

Wireframing & Prototyping with Adobe Fireworks – Resources and Tutorials des outils de wireframeing et des ressources pour ce logiciel quelque peu méconnu pour beaucoup de la suite Adobe

#Wireframing

Un ensemble de templates prêtes à être imprimées pour faire du wireframing au crayon et stylo.

#Photoshop
The Ultimate Web Design Workspace for Photoshop, une proposition de workspace dans photoshop, testé avec quelques modifications, c’est pas mal du tout.

#jQuery
A Beginner  Guide to jQuery  Un guide en anglais pour bien débuter avec quelques techniques, selecteurs et fonctions de base de jQuery

#UI #UX

UI: Proper Indicators for Hidden Elements  un article intéressant avec quelques principes d’interface base pour créer des indicateurs visuels efficaces pour du contenu caché de base à l’utilisateur.

Les outils  et plugins pour vous faciliter la vie:

#Texture

Noisetexturegenerator : un générateur de bruit pour vos designs en trois clics, téléchargez, utilisez.

#Responsive

Screenqueri.es, un outil pour tester au pixel près son site Responsive

#jQuery Plugin

http://www.wookmark.com/jquery-plugin Un plugin qui permet de faire des layouts en grille qui s’adaptent à la taille du navigateur

Les articles à lire

#Mobile

A Non responsive approach to building cross device webapps : un article qui va au delà des techniques responsive uniquement avec des media querie pour les webapps et propose des solutions plus poussées (scripts, optimisation côté serveur, etc.)

#UI #UX

Une chouette image qui illustre la différence entre l’UI et l’UX expliquée avec des céréales

#Geek

AVENGERS : Tout ce que vous devez savoir pour kiffer le film (et briller en société), un peu de détente entre deux lignes de code  et un bon résumé (pas de spoil sur le film lui même)

Et pour finir, la découverte, le site à suivre si vous appréciez le wireframing, le prototypage : Wireframes.linowski.ca