{"id":3183,"date":"2014-09-26T08:21:09","date_gmt":"2014-09-26T06:21:09","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3183"},"modified":"2014-09-26T08:21:09","modified_gmt":"2014-09-26T06:21:09","slug":"semaine-en-pixels-26-septembre-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-26-septembre-2014\/","title":{"rendered":"La semaine en pixels \u2013 26 septembre 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.). La lecture de la semaine est tr\u00e8s orient\u00e9 sur le mobile: responsive (design, workflow, newsletter) et mobilit\u00e9 (design, nouveaut\u00e9s iOS8 et nouvelles tailles d’iPhone) et exp\u00e9rience utilisateur\/utilisabilit\u00e9. Vous trouverez \u00e9galement quelques jolies ressources pour animer les SVG et un kit d’ic\u00f4nes \u00e0 copier\/coller ainsi qu’un plugin Photoshop pour r\u00e9cup\u00e9rer les images flickr directement dans un panneau.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #iPhone<\/p>\n The Ultimate Guide To iPhone Resolutions<\/a>, de quoi vous aider \u00e0 comprendre les nouvelles (et anciennes) r\u00e9solutions d’\u00e9cran iPhone<\/p>\n #Mobile Design<\/p>\n How to design for thumbs in the Era of Huge Screens<\/a>, comment designer pour mobile en prenant en compte le pouce et le concept de \u00ab\u00a0thumb zone\u00a0\u00bb<\/p>\n #Mobile #Design<\/p>\n My app design workflow<\/a>, Bjango a mis \u00e0 jour son\u00a0article sur le processus de design d\u2019application pour inclure Phone 6 et 6+<\/p>\n #Responsive<\/p>\n Responsive Email Design Guide: How-To, Examples, Tips & More<\/a> des conseils pour des newsletter et du mailing responsive<\/p>\n #UX<\/p>\n 18 Things Customers Ask About Interaction Design And UX<\/a>, 18 questions que les clients se posent parfois \u00e0 propos de l\u2019exp\u00e9rience utilisateur<\/p>\n #UX<\/p>\n The User Experience treasure map<\/a>, la carte au tr\u00e9sors de l\u2019exp\u00e9rience utilisateur<\/p>\n #Usabilit\u00e9<\/p>\n Form Usability: Validations vs Warnings<\/a>: attention aux faux positifs lorsque vous validez les formulaires<\/p>\n #JS<\/p>\n Async vs defer attributes<\/a>: mieux comprendre comment fonctionnent les attributs async et defer pour les utiliser \u00e0 bon escient<\/p>\n #CSS<\/p>\n Hum donc tu peux avoir du demi pixel sur du retina iOS8 et OS X Yosemite avec .element{ border-width: .5px; } aka \u00ab\u00a0retina hairline<\/a>\u00a0\u00bb<\/p>\n #Responsive<\/p>\n Responsive : \u00e9tude de cas concret<\/a> par Raphael Goetter<\/a><\/p>\n #iOS8<\/p>\n iOS 8 and iPhone 6 for web developers and designers: next evolution for Safari and native webapps<\/a> les nouveaut\u00e9s de l\u2019iPhone 6 et Safari iOS8 pour les designers et d\u00e9veloppeurs<\/p>\n #Lettering<\/p>\n Tyrsa.fr<\/a> pour les copains amoureux des jolis lettres<\/p>\n #Persona<\/p>\n Un template de persona<\/a> \u00e0 t\u00e9l\u00e9charger gratuitement (en anglais)<\/p>\n #SVG<\/p>\n Styling & Animating Scalable Vector Graphics with CSS<\/a>, les slides de la conf\u00e9rence de Sara Soueidan pour styler et animer des SVG en CSS<\/p>\n #Photoshop #Plugin<\/p>\n Pictura<\/a>, un plugin Photoshop qui vous permet de r\u00e9cup\u00e9rer directement dans un panneau Photoshop des images flickr pour vos compositions<\/p>\n #SVG #Icon<\/p>\n SVGicons <\/a>:\u00a0un kit d\u2019ic\u00f4nes SVG pr\u00eat \u00e0 l\u2019emploi, il vous suffit simplement de copier\/coller le code SVG de l\u2019ic\u00f4ne dans votre HTML (et importer la CSS commune)<\/p>\n #SCSS<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
<\/p>\nLes articles de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\nLes Nouveaut\u00e9s webdesign<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/p>\nDes ressources utiles<\/h2>\n
<\/p>\n
<\/p>\nDes outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n