Des pixels et du code #63

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

Comme chaque semaine, une sélection de liens à la volée partagés sur les différents réseaux sociaux. Dans les articles utiles on parle Utilisabilité et petits détails dans le design, ergonomie des carrousels, de conseils pour le design d’applications iOS et Mike Monteiro donne des conseils aux jeunes diplômés en graphisme et webdesign. Les tutoriels de la semaine sont axés jQuery Mobile Objective C, Django, de quoi ravir les développeurs qui suivent le blog. Les ressources concernent plus la typographie, des patterns pour vos créations Photoshop et toujours quelques freebies à télécharger pour gagner du temps dans vos projets. En fini en parlant responsive webdesign ou comment faire entrer une giraffe dans une twingo ;)

Les articles à lire

#Modales

jamaislepremiersoir.tumblr.com Parce qu’on like pas sur Facebook, on follow par sur twitter, et on ne donne pas notre mail le premier soir, pas avant un petit restau, un tumblr qui répertorie les modales d’entrée de site

#Processus

Reflow le processus de design, recherche et création derrière le projet Adobe Edge reflow, étape par étape.

#Utilisabilité

Small Design And Usability Details Matter A Lot More Than You Think la différence entre un design, et un très bon design réside dans l’importance accordée aux petits détails et finitions.

The cure for the common image slider carousel un article qui souligne les soucis d’utilisabilité des carrousels sur un site web et propose quelques alternatives

#Video

What the Internet is doing to our brains un petite animation basée sur les conclusions du libre “The Shallows” pour expliquer l’effet d’internet sur notre cerveau et cette addiction que nous tendons à avoir

#Webdesign

Welcome Graduates un texte de Mike Monteiro qui accueil les jeunes diplômés et leur donne de bons conseils

#iOS

Starters Guide to iOS Design un petit guide pour bien débuter le design iOS avec l’accent mis sur les délivrables et contraintes du médias

Inspiration

#Carte de visite

Cheese-grater-business-card/ Une carte de visite râpe à fromage, pour joindre l’utile et l’agréable

#Meuble

Canvas un canapé tout plat, une idée très fun et originale

#GIF

Bisouslescopains.tumblr.com des GIFs animés pastels tout doux, qui racontent de jolies histoires rigolottes

#Publicité

Mais qui s’en préoccupe vraiment ? une vidéo de publicité “Reverse thinking” plutôt bien fichue

Les tutoriels de la semaine

#JS #jQuery

I know jQuery. Now what? pourquoi utiliser jQuery quand le JavaScript propose de base ces fonctionnalités ? L’article présente quelques snippets en jQuery et comment les reproduire en JS vanilla

#Internet Explorer

20 tips for building modern sites while supporting old versions of IE 20 conseils HTML et CSS pour créer des sites modernes tout en assurant un support minimal pour les anciens navigateurs

#Django jQuery Mobile

Django tutorial: creating the back-end for the Restaurant Picker app je n’y connais rien en Django mais Yaiza Bailén demandé si elle pouvait créer un tutoriel Django basé sur ma démo jQuery Mobile d’application “Restaurant Picker”.

#Objective C

Tryobjectivec.codeschool.com un moyen fun d’apprendre l’objective C sous forme de petits tutoriels illustrés en pixel art

Des ressources utiles

#Typographie

Typekit.com/lists Adobe Typekit propose des listes de polices classées par thème plutôt pratiques quand on cherche des polices avec des similarités

#Carte de visite

6 Business Card Template Presentations (Psd) 6 templates de cartes de visite pour présenter votre travail

#Google Glass

Glass-ui.com des mockup pour créer des design pour Google Glass, hé oui :)

Les outils et plugins pour vous faciliter la vie

#Multitouch

Thimbleup.com un outil qui sors en juillet pour faciliter le design sur Photoshop et Illustrator avec un trackpad multitouch

#Photoshop

Transform Each Beta (Script) un script pour appliquer une transformation à plusieurs éléments comme si ils étaient transformés individuellement (donc ils me changent place par exemple)

http://plugin.subtlepatterns.com/ Sublepatterns pour ceux qui ne le connaissent pas est un site qui propose des patterns Photoshop à télécharger pour vos projets. Le site va bientôt avoir un plugin Photoshop pour récupérer directement les patterns sans avoir à les télécharger.

#Freebies

Design & Code un template simple et minimaliste de blog, portfolio et plus à télécharger gratuitement au format PSD

#Android

Fries est un petit framework qui permet de créer rapidement un prototype pour une application Android en HTML/CSS et JS

Les démos sympas et impressionnantes

#CSS

Csstubemap.co.uk une carte du metro en full CSS

#Jeu

Jank Invaders observez le comportement des vaisseaux de la flotte ennemie, tuez et débusquez les espions, le tout dans le navigateur

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

#Responsive Webdesign

Responsive design. Ou comment faire entrer une girafe dans une Twingo en trois temps un article qui explique trois manière d’afficher un site sur mobile, du “on ne fait rien et on laisse le navigateur décider” au responsive webdesign en passant par le site dédié. Une explication pleine de métaphores et de girafes, et surtout non technique pour expliquer à un client avec des concepts simples.