Des pixels et du code #64
Cette semaine vous découvrirez dans les articles à ne pas manquer les nouveautés Illustrator CC, une méthode d’apprentissage peu banale et un superbe making of de site avec des SVGs animés. Designers et graphistes en manque d’inspiration pourront jeter un oeil aux tendances des logos pour 2013, et s’inspirer du design de formulaire et d’illustrations. Les ressources sont très orientées mobile et responsive webdesign, et un petit outil en ligne vous permettra de coloriser les cartes Google sans trop de difficultés. Enfin l’article à ne pas manquer cette semaine aborde le responsive sous un autre angle que ceux qu’on lit d’habitude : future, difficultés et défis qu’il nous faudra encore relever. Bonne lecture :)
Les articles à lire
#Freelance
Deleted my portfolio, made $30k in my first six months… retour d’expérience d’un designer qui a supprimé son portfolio pour prospecter directement des clients par mail en leur envoyant un PDF de ses travaux
#Comportement
Why I Let My Students Cheat On Their Game Theory Exam un professeur en théorie du jeu qui explique comment, pour un examen il a laissé ses étudiants “tricher”, à savoir travailler en commun avec leurs notes et internet pour leur faire “vivre” une expérience sociologique de théorie du jeu
#Apprendre
Dossier : comment apprendre le webdesign en ligne un excellent dossier en ligne sur Webdesignertrend avec des ressources pour l’apprentissage en ligne des métiers du webdesign
#Illustrator
What’s new for web designers in Illustrator CC meilleur gestion des fonts, export CSS , copier/coller le code SVG directement dans un éditeur de code et pleins d’autres nouveautés dans Illustrator CC
#Details
Rageskitching Facebook 2013 Edition: 3px of padding makes all the difference in the world comment 3px en plus peuvent équilibrer un design (même si j’avoue que lire que l’auteur ne peut pas supporter le padding non égal est quelque exagéré)
#Making of SVG
The Playground Vector Animation Process le making of et processus pour créer les animations SVG du site playgroundinc.com qui m’intriguaient tant il y a quelques semaines
Inspiration
#Logo
2013 Logo Trends quelques unes des tendances des logos pour 2013 dans différents styles
#Formulaire
Myboat.gp remplissez le formulaire et découvrez le bateau qui se construit
#GUI
Accessmaincomputerfile.net une histoire en image des interfaces d’ordinateur au cinema
#Webdesign
Kick-my-habits un petit site avec un joli design qui nous montre combien coûtent nos mauvaises habitudes (mal bouffe, cigarette, etc) pour essayer de s’en débarrasser
Des ressources utiles
#Mobile
Screensiz liste les tailles des écrans de téléphone mobile et tablette les plus courantes sur le marché, classés par popularité
#Rwd
Easy Responsive Tabs to Accordion pour facilement passer d’un layout en onglets à des accordéons déroulants sur petits écrans
#Select
Minimalect un plugin jQuery pour créer styler l’élément select en dehors des contraintes navigateur
Les outils et plugins pour vous faciliter la vie
#google maps
Wizard, un petit utilitaire en ligne pour customiser les couleurs d’une carte Google sans avoir à toucher au code
Les démos sympas et impressionnantes
#Musique
Beat– Morning procrastination – une petite beatbox dans le navigateur http://stuartmemo.com/beat-petite/ :)
Et s’il devait n’en rester qu’un ?
#Responsive Webdesign
Sur Smashing Magazine : Responsive Webdesign – présent et futur de l’adaptation mobile, mon article paru cette semaine sur le future du design responsive et tout ce qu’il nous reste encore à surmonter comme défis dans le domaine.
Pour finir le wtf de la semaine est accordé à bounce un plugin qui permet “juste” d’avoir dans Photoshop une webview de Dribbble. J’ai du mal à comprendre l’intéret au final, mais voir qu’on peut utiliser une webview dans un plugin Photoshop ouvre quelques perspectives
