Des Pixels et du code #13
Encore une semaine avec beaucoup de liens et de nouveautés dans la communauté : des tutoriels Photoshop et du responsive avec un retour d’expérience sur un site en ligne, du design Android et des principe d’ergonomie expliquées avec des comic books
Les tutoriels de la semaine
#Photoshop #CS6
Photoshop CS6 masking , les astuces concernant les fonctionnalités de masques vectoriels et de pixel sur Photoshop CS6
#Responsive
Create a responsive mobile first menu, un tutoriel pour créer un menu responsive avec un peu de scripts. Notez qu’il faut ouvrir la démo sur un mobile pour voir le résultat
Adaptive images, une vidéo de 50 minutes qui revient sur le concept de responsive webdesign et propose des solutions pour les images.
Des ressources utiles
#GoogleMaps #jQuery
Gmaps , un plugin jQuery pour se faciliter la vie avec l’API de Google maps et créer facilement des cartes dynamiques pour vos sites
#jQuery
Useful jQuery Function Demos For Your Projects un article qui présente, démonstration et code à l’appuie, quelques fonctions jQuery que vous risquez d’utiliser assez souvent dans vos différents projets
Les outils et plugins pour vous faciliter la vie
#Images
Pixabay , un moteur de recherche pour trouver des images dans le domaine public
#iOs #icon
Testico , pour tester ce à quoi va ressembler votre icone sur iOs
#Mobile
Quojs.tapquo , une librairie (pas jQuery !!) légère pour vous faciliter la vie avec le DOM, légère et orientée mobile
Les articles à lire
#Inspiration #Infographic
Copyrighter VS Art Director, une jolie série d’illustrations qui comparent les deux métiers
#Photoshop
Adobe Photoshop quick tips : isoler un tracé, étendre les smart object ou encore ajouter jusqu’à 5 bordures à un objet, une liste de 7 petites astuces pour travailler dans Photoshop
#Fireworks
Wireframing & Prototyping with Adobe Fireworks – Resources and Tutorials un vieil article mais toujours sympa avec une liste de ressources pour créer des wireframes en utilisant Fireworks
#DPI
DPI vs. Pixels: What Do I Use? si les notions de dpi et pixel sont encore confuses pour vous, cet article revient sur les principes de base, et leur utilisation dans des logiciels type Photoshop et la différence web / print
#JavaScript #API
Augmented Reality comes to JavaScript, la rencontre entre la réalité augmentée et le JavaScript avec quelques expériences assez prometteuses.
#Responsive
We need a standard show navigation icon for responsive web design, icone plus, de grille ou encore de liste, une analyse des propositions en termes d’icônes sur des designs responsive adaptés aux mobiles pour montrer à l’utilisateur qu’une navigation se cache sous le bouton
#Webdesign
Quick Tip: Rounded Corners Done Right, ou comment créer un bord arrondi réaliste qui ne choque pas d’œil de l’utilisateur qui le regarde.
#License
Which license do you choose for your code? , pour y voir plus clair avec les différents types de licence qui existent
#Android
Getting To Know The Android Platform: Building, Testing And Distributing Apps une très bonne introduction et explication de ce qu’est la plateforme Android (en opposition à iOs), quelques principes de design et d’ergonomie Android et conseils de développement et tests
#RWD
Nouveau site de Nealite : retour d’expérience sur le responsive design
#Mobile design
The 7 deadly sins of mobile app design , 7 erreurs à ne pas commettre lorsque vous créez le design d’une application mobile pour éviter de passer pour un amateur
#UX
Comics and UX, Part 1: Cross-disciplinary Techniques, une superbe allégorie utilisant des comic books pour expliquer de façon simple et illustré les principes clé de l’ergonomie et des interactions utilisateur. Et la partie 2 de l’article.
Et l’article coup de cœur de la semaine, “What do you do” , ou l’explication du paradoxe du webdesigner et de l’incompréhension du publique face à cette profession à une époque où le design est devenue une partie tellement intégrante de notre environnement que plus personne n’y fait attention
