{"id":2853,"date":"2014-06-27T08:23:50","date_gmt":"2014-06-27T06:23:50","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2853"},"modified":"2014-06-27T08:23:50","modified_gmt":"2014-06-27T06:23:50","slug":"semaine-en-pixels-27-juin-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-27-juin-2014\/","title":{"rendered":"La semaine en pixels \u2013 27 juin 2014"},"content":{"rendered":"
Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Une semaine sur le th\u00e8me de la typographie en CSS avec de jolies ligatures et des polices \u00e0 calques. Du c\u00f4t\u00e9 des lectures : du test d’ic\u00f4nes, une proposition de meilleur wording pour le bouton \u00ab\u00a0sign-up\u00a0\u00bb et de la performance mobile.<\/p>\n
Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Sass<\/p>\n A nice introduction to Sass<\/a>, une introduction \u00e0 Sass par\u00a0@scottohara<\/a><\/p>\n <\/p>\n #UX<\/p>\n An Overview of Expert Heuristic Evaluations<\/a>\u00a0un tour d’horizon des m\u00e9thodes expertes heristiques d’\u00e9valuation de l’UX<\/span><\/p>\n #Icons<\/p>\n Are Hollow Icons Really Harder to Recognize Than Solid Icons? A Research Study<\/a>:\u00a0les ic\u00f4nes creuses sont elles plus difficiles \u00e0 reconna\u00eetre que les ic\u00f4nes pleines, ce test devrait vous donner des pistes<\/span><\/p>\n <\/p>\n #Performance<\/p>\n 13 Reasons Why You Should Pay Attention to Mobile Web Performance<\/a>\u00a0pourquoi la performance web est importante sur mobile<\/span><\/p>\n <\/p>\n #Design<\/p>\n The Future Of Web TV<\/a>: un tour d’horizon des possibilit\u00e9s des TV connect\u00e9es<\/span><\/p>\n #Typography<\/p>\n Normalize-OpenType.css<\/a>\u00a0vous aide \u00e0 utiliser des ligatures et autres nouveaut\u00e9s CSS pour la typographie\u00a0<\/span><\/p>\n <\/p>\n #Forms #UX<\/p>\n Stop Asking Me to \u201cSign Up\u201d<\/a>: trouver un meilleur wording que \u00ab\u00a0sign up\u00a0\u00bb\u00a0pour les boutons de call to action<\/span><\/p>\n #Responsive<\/p>\n Chrome 38 Introduces a Responsive Design View\u00a0<\/span><\/a><\/p>\n #CSS<\/p>\n \u00ab\u00a0rebeccapurple\u00a0\u00bb <\/span><\/a>sera ajout\u00e9 en couleurs au module CSS Color Level 4<\/span><\/p>\n #Front Dev<\/p>\n La nouvelle beta de\u00a0Caniuse<\/a>\u00a0est graphiquement tr\u00e8s sympa<\/p>\n <\/p>\n #Google<\/p>\n Google Gesture<\/a>, un joli concept fictif<\/span><\/p>\n <\/p>\n #GIF<\/p>\n 20 Insanely Talented GIF Illustrators You Should Follow<\/span><\/a><\/p>\n <\/p>\n #CSS<\/p>\n How to get started with layer fonts in CSS<\/a>\u00a0: utiliser des polices \u00e0 plusieurs calques en CSS<\/span><\/p>\n <\/p>\n #CSS<\/p>\n Cssshrink.com<\/a>\u00a0: un outil de minification en ligne (et avec npm) pour vos CSS\u00a0<\/span><\/span><\/p>\n <\/p>\n #Photoshop #Pictures<\/p>\n P<\/span>icjumbo.madebysource.com<\/span><\/a>\u00a0vous propose d’acc\u00e9der directement depuis Photoshop \u00e0 des stock photos (il co\u00fbte 8$)<\/span><\/span><\/p>\n <\/p>\n #CSS<\/p>\n A Single Div<\/span><\/a>\u00a0: \u00a0un projet de dessin en CSS en utilisant qu’une seule DIV<\/span><\/p>\n <\/p>\n #CSS<\/p>\n Inutile mais tellement cool :\u00a0Simpsons in CSS<\/a><\/span><\/p>\n <\/p>\n #CSS<\/p>\n Et une seconde d\u00e9mo inutile mais fun:\u00a0vawe of checkboxes<\/a><\/span><\/p>\n <\/p>\n #Client-Designer<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/b><\/h2>\n
Les articles de la semaine<\/b><\/h2>\n
Les Nouveaut\u00e9s webdesign<\/b><\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/b><\/h2>\n
Les tutoriels de la semaine<\/b><\/h2>\n
Des outils \u00a0et plugins pour vous faciliter la vie<\/b><\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/b><\/h2>\n