{"id":6282,"date":"2017-03-31T07:00:08","date_gmt":"2017-03-31T05:00:08","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6282"},"modified":"2017-03-30T21:55:36","modified_gmt":"2017-03-30T19:55:36","slug":"la-semaine-en-pixels-31-mars-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-mars-2017\/","title":{"rendered":"La semaine en pixels \u2013 31 mars 2017"},"content":{"rendered":"
Comme chaque semaine, un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d\u2019interface et mobilit\u00e9, mais aussi des outils et ressources en tout genre.<\/em><\/p>\n Au programme :\u00a0se faire une place en tant que femme dans l’industrie, beaucoup d’articles orient\u00e9s mobile, de la psychologie aux boutons de partage en passant par du tap, touch, du responsive, AMP et les PWAs, de quoi vous aider \u00e0 cr\u00e9er un workshop, des articles design et exp\u00e9rience utilisateur. Des tutoriels et des ressources Sketch, flexbox, grid layout, accessibilit\u00e9 et une jolie d\u00e9mo.<\/em><\/p>\n Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/em><\/p>\n Et puis sur le blog, au cas o\u00f9 vous les auriez loup\u00e9 :<\/p>\n #Tech-industry<\/p>\n \u00ab\u00a0Overcoming the Challenges of Being a Woman in Tech.\u00a0\u00bb<\/a class=\"link-on-image\" ><\/p>\n #Design<\/p>\n Designing workshops that work: getting better at brainstorming<\/a><\/p>\n <\/p>\n #Contenu<\/p>\n What do you do if your site has too much content and you don\u2019t know where to minimalize? <\/p>\n #Mobile #AMP #Responsive<\/p>\n Building For Mobile: RWD, PWA, AMP Or Instant Articles?<\/a><\/p>\n <\/p>\n #PWA<\/p>\n Progressive Web App questions<\/a><\/p>\n <\/p>\n #Psychologie<\/p>\n 15 Psychology Hacks that Boost UX\u00a0<\/a><\/p>\n <\/p>\n #Touch #Mobile<\/p>\n 3 Strategies for Handling Accidental ‘Taps’ on Touch Devices<\/a><\/p>\n <\/p>\n #Design #Devtools<\/p>\n \u00ab\u00a0Using DevTools to Tweak Designs in the Browser\u00a0\u00bb<\/a><\/p>\n <\/p>\n #Mobile #Revenue<\/p>\n \u201cYou\u2019re losing revenue to the competition if you\u2019re not fast enough on mobile.\u201d<\/a><\/p>\n <\/p>\n #Persona #UX<\/p>\n UX: Creating Proto-Personas<\/a><\/p>\n <\/p>\n #Dataviz<\/p>\n A few good tips on designing charts<\/a><\/p>\n <\/p>\n #Mobile<\/p>\n \u00ab\u00a0Your Traffic Went Mobile; Why Hasn\u2019t Your Design Process?\u00a0\u00bb<\/a><\/p>\n <\/p>\n #Dev<\/p>\n What I learned from Stack Overflow\u2019s massive survey of 64,000 developers<\/a><\/p>\n <\/p>\n #AMP<\/p>\n \u00ab\u00a0Need to Catch Up on the AMP Debate?\u00a0\u00bb<\/a><\/p>\n <\/p>\n #Mobile<\/p>\n Psychology Behind Mobile Behaviors<\/a><\/p>\n <\/p>\n #Confirmation<\/p>\n Shame the Confirmshamers<\/a><\/p>\n <\/p>\n #UI #Voix<\/p>\n Voice Is the Next Big Platform, Unless You Have an Accent<\/a><\/p>\n <\/p>\n #Mobile #Boutons sociaux<\/p>\n Don\u2019t include social share buttons in small-screen websites, unless users just tapped through from a social network<\/a><\/p>\n <\/p>\n #Bot<\/p>\n I Automated My Friends and Nobody Could Tell the Difference<\/a><\/p>\n <\/p>\n #Vis ma vie<\/p>\n Slow the fuck down.<\/a><\/p>\n <\/p>\n #Design<\/p>\n On the Current State of Design Systems in UX – don’t scale before you need to<\/a><\/p>\n <\/p>\n #UX #Hover<\/p>\n 43% of Sites Have Severe ‘Flickering’ Issues for Their Main Drop-Down Menu<\/a><\/p>\n <\/p>\n #UI #UX<\/p>\n The Elements of UX & UI Visualized<\/a><\/p>\n #Sketch<\/p>\n How to Organize Your Sketch Styles and Symbols Like a Pro<\/a><\/p>\n <\/p>\n #Sketch<\/p>\n \u00ab\u00a0Getting the pixels right in Sketch\u00a0\u00bb<\/a>, useful quick tips!<\/p>\n <\/p>\n #Performance<\/p>\n Building performant expand & collapse animations<\/a> – use scale transforms to keep your UI performant.<\/p>\n <\/p>\n #CSS<\/p>\n Text Effects with CSS (and a little contenteditable trick)<\/a><\/p>\n <\/p>\n #HTML #CSS<\/p>\n How You Can Use HTML5 Custom Data Attributes and Why<\/a><\/p>\n <\/p>\n #CSS #Grid layout<\/p>\n Getting to know CSS Grid Layout<\/a><\/p>\n <\/p>\n #SVG<\/p>\n 7 solutions for creating more accessible SVGs<\/a><\/p>\n <\/p>\n #Accessibilit\u00e9<\/p>\n Accessibility Style Guide<\/a><\/p>\n <\/p>\n #Flexbox<\/p>\n Flexbox Cheatsheet<\/a><\/p>\n <\/p>\n #Animation #CSS<\/p>\n Animista<\/a>, un outil d’animations CSS<\/p>\n <\/p>\n #CSS #Inspection<\/p>\n csspeeper.com<\/a><\/p>\n <\/p>\n #Grid #Design<\/p>\nLes liens en fran\u00e7ais<\/h2>\n
\n
\n
tl;dnr, s\u2019il devait n\u2019en rester qu\u2019un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
\n<\/a><\/p>\nDe l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/h2>\n
Tutoriels<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n