{"id":969,"date":"2012-11-01T20:00:23","date_gmt":"2012-11-01T18:00:23","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=969"},"modified":"2012-11-02T10:09:29","modified_gmt":"2012-11-02T08:09:29","slug":"des-pixels-et-du-code-34","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/","title":{"rendered":"Des pixels et du code #34"},"content":{"rendered":"
#Illustrator<\/p>\n
How to Create Seamless Subtle Patterns in Adobe Illustrator<\/a> un petit tutoriel bien pratique si vous avez besoin de cr\u00e9er un pattern sp\u00e9cifique dans Illustrator et ne trouvez pas ce que vous cherchez dans les milliers de ressources en ligne<\/p>\n #CSS3<\/p>\n Create Shaped Avatars With CSS and Webkit <\/a>un tutoriel qui explique l\u2019utilisation de la propri\u00e9t\u00e9 CSS3 webkit-mask-image pour cr\u00e9er des effets de masque sur des photos<\/p>\n #Server<\/p>\n Apaxy<\/a> un th\u00e8me pour cr\u00e9er des dossier d\u2019indexation de fichier de serveur plus sympas que la vue \u201cpar d\u00e9faut\u201d.<\/p>\n #Font-icon<\/p>\n Ligature_symbols <\/a>encore une police d\u2019icones tr\u00e8s compl\u00e8te aux traits tr\u00e8s bien dessin\u00e9s<\/p>\n #Filter #CSS3<\/p>\n CSS filter polyfill <\/a>\u00a0un polyfill pour la propri\u00e9t\u00e9 CSS3 filter qui utilise un \u00e9quivalent SVG ou DirectX-filters selon le besoin du navigateur<\/p>\n #WordPress<\/p>\n Glider<\/a>, un th\u00e8me WordPress minimaliste qui tient en 3 fichiers, se concentre sur le texte et charge les pages en ajax.<\/p>\n #Flexbox<\/p>\n Flexplorer<\/a> un petit outil en ligne qui vous permet de tester les propri\u00e9t\u00e9s de CSS flexbox<\/p>\n #Wireframe<\/p>\n Wireframe.cc <\/a>un autre outil de wireframe en ligne, simple au design \u00e9pur\u00e9<\/p>\n Webzap <\/a>un plugin Photoshop (payant $15) qui permet de cr\u00e9er des wireframes facilement directement dans Photoshop.<\/p>\n Fluidui.com<\/a> un outil en ligne assez complet pour cr\u00e9er des prototypes et wireframes d\u2019applications mobiles<\/p>\n #Mobile<\/p>\n Introducing the call now button<\/a> une id\u00e9e int\u00e9ressante d\u2019ajouter un bouton \u201cappeler maintenant\u201d sur la version mobile du site. M\u00eame si je ne vois pas l\u2019utilit\u00e9 pour n\u2019importe quel site, si on pense \u00e0 un site de vente \u00e0 emporter de nourriture (sushis, pizza) ou un site comme Carglass o\u00f9 il faut prendre rendez-vous, l\u2019id\u00e9e est \u00e0 creuser.<\/p>\n #Design<\/p>\n Dieter Rams: ten principles for good design<\/a> \u00a0les 10 principes d\u2019un bon design, applicable aussi bien au design industriel qu\u2019au webdesign<\/p>\n #RWD<\/p>\n Responsive design with paper<\/a> un id\u00e9e int\u00e9ressante pour cr\u00e9er facilement des designs responsive : faire du wireframe sur bouts de papiers et des ciseaux.<\/p>\n #UX<\/p>\n Better Password Masking For Sign-Up Forms<\/a> ajouter un coche pour d\u00e9masquer le mot de passe sur le formulaires d\u2019inscription, une id\u00e9e pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur et baisser le nombre d\u2019erreurs<\/p>\n #Inspiration<\/p>\n Mcbaldassari.com<\/a> un magnifique boulot d\u2019illustrations<\/p>\n #Design<\/p>\n The Startup\u2019s Guide to Budget Design<\/a> de 0 \u00e0 1000 dollards et plus, ce qu\u2019une une entreprise peut attendre en terme de design en fonction de son budget<\/p>\n 25 Best Practices for Collaborative Work in Photoshop <\/a>des conseils, parfois du bon sens, pour am\u00e9liorer le travail \u00e0 plusieurs sur Photoshop<\/p>\n #HTML5<\/p>\nDes ressources utiles<\/h2>\n
Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n
Les articles \u00e0 lire<\/h2>\n
Les d\u00e9mos sympas et impressionnantes<\/h2>\n