{"id":1475,"date":"2015-12-31T10:59:34","date_gmt":"2015-12-31T08:59:34","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/en\/?p=1475"},"modified":"2015-12-31T12:03:16","modified_gmt":"2015-12-31T10:03:16","slug":"pixels-of-the-week-december-31-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/blog\/pixels-of-the-week-december-31-2015\/","title":{"rendered":"Pixels of the Week \u2013 December 31, 2015"},"content":{"rendered":"
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools \u00a0and useful ressources, inspiration on twitter<\/a> and other social networks.<\/p>\n This week\u2019s selection: using modern web capabilities for webapps, hover menu issues, touch delay on mobile, useful redesigns, responsive typography, rejected designers testimonials, a few 2016 webdesigner trends, responsive images in WordPress, illustration and flexbox tutorials, not supported CSS properties in Opera Mini, mobile form cheatsheet and a little Star Wars Introduction generator.<\/p>\n Since this is the last article of the year, I wanted to thank all of you for coming back and reading me every week and I wish you a Happy New Year<\/strong> \ud83d\ude42<\/p>\n #Webapp<\/p>\n This is so awesome: Getting started with Progressive Web Apps<\/a>. \u201cA Progressive Web App uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, maintaining the web’s low friction at every moment.\u201d<\/p>\n <\/p>\n #UX #Research<\/p>\n How We Started Doing More Research at Viget<\/a> – To make a difference, we would need to change the way projects get sold, staffed, and planned, and that would require the awareness and cooperation of the entire company.<\/p>\n <\/p>\n <\/p>\n <\/p>\n #Usability #Redesign<\/p>\n Stop #DailyUi Start #FixUi<\/a> – on not only caring about aesthetics but also usability<\/p>\n <\/p>\n #Font<\/p>\n A Responsive Guide to Type Sizing<\/a><\/p>\n <\/p>\n #Menu<\/p>\n Why hover menus are problematic<\/a><\/p>\n <\/p>\n #Responsive<\/p>\n A Hands-On Guide to Mobile-First Responsive Design<\/a><\/p>\n #Touch<\/p>\n Delay<\/a>, tap actions and touch-action: manipulation;<\/p>\n #WordPress #Images<\/p>\n Responsive images are now a core part of WordPress<\/a>, starting with version 4.4. Here is everything you need to know<\/p>\n <\/p>\n #Rejection<\/p>\n rejected.us<\/a> \u00a0eryone\u2019s been rejected – these are our stories \ud83d\ude42<\/p>\n <\/p>\n #Trends<\/p>\n 16 crucial web design trends for 2016 & beyond<\/a><\/p>\n <\/p>\n #Happy New Year<\/p>\n Cute Happy New Year animated card<\/a><\/p>\n <\/p>\n #CSS #flexbox<\/p>\n Grab a coffee before reading this great article: `flex-grow` is weird. Or is it?<\/a><\/p>\n <\/p>\n <\/p>\n #Illustration<\/p>\n Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers<\/a><\/p>\n <\/p>\n #Browser<\/p>\n WTF Opera Mini?!<\/a> CSS features not supported in Opera Mini<\/p>\n <\/p>\n #Touch #Form<\/p>\n REALLY useful: Touch Keyboard Types – HTML5<\/a> code and demos for invoking different touch keyboards depending on input type<\/p>\n <\/p>\n #SVG<\/p>\n Walkway.js<\/a> – An easy way to animate SVG images consisting of line, path, and polyline elements.<\/p>\n <\/p>\n <\/p>\n #Talk<\/p>\nTL;DNR the one you should not miss<\/h2>\n
Interesting article<\/h2>\n
Designer news<\/h2>\n
Inspiration and Great ideas<\/h2>\n
Tutorials<\/h2>\n
Useful ressources, tools and plugins that will make your life easy<\/h2>\n