{"id":1541,"date":"2013-05-24T10:25:49","date_gmt":"2013-05-24T08:25:49","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1541"},"modified":"2013-05-25T13:37:49","modified_gmt":"2013-05-25T11:37:49","slug":"des-pixels-et-du-code-63","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-63\/","title":{"rendered":"Des pixels et du code #63"},"content":{"rendered":"
Comme chaque semaine, une\u00a0s\u00e9lection\u00a0de liens \u00e0 la vol\u00e9e partag\u00e9s sur les diff\u00e9rents r\u00e9seaux sociaux. Dans les articles utiles on parle Utilisabilit\u00e9 et petits d\u00e9tails dans le design, ergonomie des carrousels, de conseils pour le design d’applications iOS et Mike Monteiro donne des conseils aux jeunes dipl\u00f4m\u00e9s en graphisme et webdesign. Les tutoriels de la semaine sont ax\u00e9s jQuery Mobile Objective C, Django, de quoi ravir les d\u00e9veloppeurs qui suivent le blog. Les ressources concernent plus la typographie, des patterns pour vos cr\u00e9ations Photoshop et toujours quelques freebies \u00e0 t\u00e9l\u00e9charger pour gagner du temps dans vos projets. En fini en parlant responsive webdesign ou comment faire entrer une giraffe dans une twingo ;)<\/p>\n
#Modales<\/p>\n
jamaislepremiersoir.tumblr.com<\/a>\u00a0Parce 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\u00e9pertorie les modales d’entr\u00e9e de site<\/p>\n #Processus<\/p>\n Reflow<\/a>\u00a0le processus de design, recherche et cr\u00e9ation derri\u00e8re le projet Adobe Edge reflow, \u00e9tape par \u00e9tape.<\/p>\n #Utilisabilit\u00e9<\/p>\n Small Design And Usability Details Matter A Lot More Than You Think <\/a>la diff\u00e9rence entre un design, et un tr\u00e8s bon design r\u00e9side dans l\u2019importance accord\u00e9e aux petits d\u00e9tails et finitions.<\/p>\n The cure for the common image slider carousel <\/a>un article qui souligne les soucis d\u2019utilisabilit\u00e9 des carrousels sur un site web et propose quelques alternatives<\/p>\n #Video<\/p>\n What the Internet is doing to our brains <\/a>\u00a0un petite animation bas\u00e9e sur les conclusions du libre \u201cThe Shallows<\/a>\u201d pour expliquer l\u2019effet d\u2019internet sur notre cerveau et cette addiction que nous tendons \u00e0 avoir<\/p>\n #Webdesign<\/p>\n Welcome Graduates<\/a> \u00a0un texte de \u00a0Mike Monteiro qui accueil les jeunes dipl\u00f4m\u00e9s et leur donne de bons conseils<\/p>\n #iOS<\/p>\n Starters Guide to iOS Design<\/a> un petit guide pour bien d\u00e9buter le design iOS avec l\u2019accent mis sur les d\u00e9livrables et contraintes du m\u00e9dias<\/p>\n #Carte de visite<\/p>\n Cheese-grater-business-card\/<\/a>\u00a0Une carte de visite r\u00e2pe \u00e0 fromage, pour joindre l\u2019utile et l\u2019agr\u00e9able<\/p>\n #Meuble<\/p>\n Canvas<\/a>\u00a0un canap\u00e9 tout plat, une id\u00e9e tr\u00e8s fun et originale<\/p>\n #GIF<\/p>\n Bisouslescopains.tumblr.com<\/a>\u00a0des GIFs anim\u00e9s pastels tout doux, qui racontent de jolies histoires rigolottes<\/p>\n #Publicit\u00e9<\/p>\n Mais qui s’en pr\u00e9occupe vraiment ?<\/a> une vid\u00e9o de publicit\u00e9 \u201cReverse thinking\u201d plut\u00f4t bien fichue<\/p>\n #JS #jQuery<\/p>\n I know jQuery. Now what?<\/a> \u00a0pourquoi utiliser jQuery quand le JavaScript propose de base ces fonctionnalit\u00e9s ? L\u2019article pr\u00e9sente quelques snippets en jQuery et comment les reproduire en JS vanilla<\/p>\n #Internet Explorer<\/p>\n 20 tips for building modern sites while supporting old versions of IE<\/a> 20 conseils HTML et CSS pour cr\u00e9er des sites modernes tout en assurant un support minimal pour les anciens navigateurs<\/p>\n #Django jQuery Mobile<\/p>\n Django tutorial: creating the back-end for the Restaurant Picker app<\/a> je n\u2019y connais rien en Django mais Yaiza Bail\u00e9n demand\u00e9 si elle pouvait cr\u00e9er un tutoriel Django bas\u00e9 sur ma d\u00e9mo jQuery Mobile d\u2019application \u201cRestaurant Picker\u201d<\/a>.<\/p>\n #Objective C<\/p>\n Tryobjectivec.codeschool.com<\/a>\u00a0un moyen fun d\u2019apprendre l\u2019objective C sous forme de petits tutoriels illustr\u00e9s en pixel art<\/p>\n #Typographie<\/p>\n Typekit.com\/lists<\/a> Adobe Typekit propose des listes de polices class\u00e9es par th\u00e8me plut\u00f4t pratiques quand on cherche des polices avec des similarit\u00e9s<\/p>\n #Carte de visite<\/p>\n 6 Business Card Template Presentations (Psd)<\/a> 6 templates de cartes de visite pour pr\u00e9senter votre travail<\/p>\n #Google Glass<\/p>\n Glass-ui.com<\/a>\u00a0des mockup pour cr\u00e9er des design pour Google Glass, h\u00e9 oui :)<\/p>\n #Multitouch<\/p>\n Thimbleup.com<\/a>\u00a0un outil qui sors en juillet pour faciliter le design sur Photoshop et Illustrator avec un trackpad multitouch<\/p>\n #Photoshop<\/p>\n Transform Each Beta (Script)<\/a> un script pour appliquer une transformation \u00e0 plusieurs \u00e9l\u00e9ments comme si ils \u00e9taient transform\u00e9s individuellement (donc ils me changent place par exemple)<\/p>\n http:\/\/plugin.subtlepatterns.com\/<\/a> Sublepatterns<\/a> pour ceux qui ne le connaissent pas est un site qui propose des patterns Photoshop \u00e0 t\u00e9l\u00e9charger pour vos projets. Le site va bient\u00f4t avoir un plugin Photoshop pour r\u00e9cup\u00e9rer directement les patterns sans avoir \u00e0 les t\u00e9l\u00e9charger.<\/p>\n #Freebies<\/p>\n Design & Code <\/a>\u00a0un template simple et minimaliste de blog, portfolio et plus \u00e0 t\u00e9l\u00e9charger gratuitement au format PSD<\/p>\n #Android<\/p>\n Fries <\/a>est un petit framework qui permet de cr\u00e9er rapidement un prototype pour une application Android en HTML\/CSS et JS<\/p>\n #CSS<\/p>\n Csstubemap.co.uk<\/a>\u00a0une carte du metro en full CSS<\/p>\n #Jeu<\/p>\nInspiration<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles<\/h2>\n
Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n
Les d\u00e9mos sympas et impressionnantes<\/h2>\n