{"id":1001,"date":"2012-11-29T23:09:34","date_gmt":"2012-11-29T21:09:34","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1001"},"modified":"2014-03-09T11:57:47","modified_gmt":"2014-03-09T10:57:47","slug":"des-pixels-et-du-code-38","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-38\/","title":{"rendered":"Des pixels et du code #38"},"content":{"rendered":"
Beaucoup de lecture puisque la majorit\u00e9 de mes liens de la semaine sont des articles \u00e0 lire : UX et interface mobile, border-radius, typographie et le prix d’un site web, sans oublier des ic\u00f4nes gratuites, des templates pour faire du wireframe et quelques tutoriels sympas.<\/p>\n
#jQuery #Image Retina #Canva Sprites #Icons #ressources #Newsletter iOS #Sketches #CSS #Sublime Text #Script Illustrator #Webdesign #Ergonomie #IE10 #Webdesign #UX Bad, outdated UX will be rejected by users <\/a>: ou comment expliquer que la nouvelle application Outlook soit aussi mal not\u00e9e sur le market Android<\/p>\n #mobile input #border-radius #Webapp
\njQuery Mouseover Effect Using Parallax Style Tutorial <\/a>un tutoriel pour faire de la parallaxe au mousehover, je m\u2019\u00e9tais souvent demand\u00e9e comment certains sites arrivent \u00e0 ce r\u00e9sultat<\/p>\n
\nDu Retina et HD pour votre site web : image-set, picture et srcset<\/a> un r\u00e9sum\u00e9 de plusieurs techniques possible pour placer des images retina dans le CSS ou la balise img de votre site<\/p>\n
\nDOM Sprites: A Viable Alternative to Canvas <\/a>un petit rappel sur le fait qu\u2019il est possible de cr\u00e9er des jeux avec des sprites et des divs sans utiliser des canvas, technique qui parfois apporte de meilleurs performance que les canvas.<\/p>\nDes ressources utiles<\/h2>\n
\nbatch<\/a> 300 ic\u00f4nes gratuites pour vos projets.
\niconbench.com<\/a> un g\u00e9n\u00e9rateur en ligne qui permet de choisir le style, la couleur des icones, les icones puis les t\u00e9l\u00e9charger avec une d\u00e9mo et une option sprites<\/p>\n
\nAgiledesigners.com<\/a> des ressources pour webdesigner : freebies mais aussi outils en lignes et ressources utiles<\/p>\n
\nTwo ways to ensure that your entire email is rendered by default in the iPhone & iPad<\/a> ou comment r\u00e9soudre le probl\u00e8me pr\u00e9sent sur les clients iPhone et iPad d\u2019email charg\u00e9 partiellement, avec le bouton \u201cil reste xxx bytes\u201d sous la ligne de flotaison.<\/p>\n
\ninterfacesketch.tumblr.com<\/a> une collection de templates gratuites pour faire du sketch d\u2019interface mobile ou desktop<\/p>\n
\n20 Mobile\/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know<\/a> , ou 20 astuces CSS pour les mobiles, le desktop (m\u00eame IE5.5 bien que je ne vois plus trop l\u2019int\u00e9r\u00eat) qui pourraient vous \u00eatre utiles.<\/p>\nLes outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n
\nColour-schemes<\/a>, des th\u00e8mes de couleur suppl\u00e9mentaires pour Sublime text<\/p>\n
\nScripts for Adobe Illustrator CS<\/a> une liste de scripts en JavaScript pour faciliter le travail sur Illustrator, j\u2019aime beaucoup le \u201cadjust dashes\u201d qui permet de faire de jolis pointill\u00e9s reli\u00e9s aux coins<\/p>\nLes articles \u00e0 lire<\/h2>\n
\nCombien cela co\u00fbte de faire designer son site web? <\/a>, un article en Fran\u00e7ais une fois n\u2019est pas coutume pour expliquer le prix d\u2019un webdesign<\/p>\n
\nErgonomie web : les mythes et l\u00e9gendes ont la vie dure\u2026<\/a> 12 mythes et l\u00e9gendes dans le domaine de l\u2019ergonomie<\/p>\n
\nIE10 CSS Hacks<\/a> , les hacks CSS c\u2019est pas g\u00e9nial, mais c\u2019est toujours int\u00e9ressant de voir ce que les gens ont trouv\u00e9 pour ne cibler que IE10<\/p>\n
\nUsing Transparency in Web Design: Dos and Don\u2019ts <\/a>\u00a0des conseils, astuces et exemples pour utiliser la transparence avec parcimonie dans vos designs<\/p>\n
\nHamburgers & Basements: Why Not to Use Left Nav Flyouts<\/a> l\u2019avis d\u2019un designer d\u2019interface sur ce syst\u00e8me de navigation venue de Facebook ou Path qui consiste en un panneau cach\u00e9 \u00e0 gauche, et pourquoi il pense que ce n\u2019est pas une bonne id\u00e9e.<\/p>\n
\nCollecting Payment Information Within a Single Input <\/a>\u00a0l\u2019id\u00e9e de \u201cmasques d\u2019input\u201d dans les champs pour les donn\u00e9es segment\u00e9es (comme les dates ou informations bancaires de carte de cr\u00e9dit) pour que l\u2019utilisateur soit guid\u00e9 et ne se trompe pas lorsqu\u2019il rempli.<\/p>\n
\nGetting Inner Border Radius Just Right <\/a>une explication math\u00e9matique accompagn\u00e9e d\u2019un outil de calcule<\/a> pour des bords arrondis coh\u00e9rents<\/p>\nLes d\u00e9mos sympas et impressionnantes<\/h2>\n
\nUne d\u00e9monstration en vid\u00e9o<\/a> d\u2019un application utilisant le framework famous<\/a>, \u00e7a a l\u2019air fluide et tr\u00e8s prometteur<\/p>\n