{"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":"
This content is 8 years old. Remember that the following content might be outdated.<\/div>

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

TL;DNR the one you should not miss<\/h2>\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

Interesting article<\/h2>\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

Designer news<\/h2>\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

Inspiration and Great ideas<\/h2>\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

\"happynewyear\"<\/p>\n

Tutorials<\/h2>\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

Useful ressources, tools and plugins that will make your life easy<\/h2>\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>\n

A nice list of front-end talks from 2015 <\/a><\/p>\n

Fun, games, experiments and demos<\/h2>\n

#Star Wars<\/p>\n

Star Wars Intro Generator<\/a> \ud83d\ude00<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

This content is 8 years old. Remember that the following content might be outdated.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 and other social networks. 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 …<\/p>\n","protected":false},"author":3,"featured_media":1476,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[89],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/1475"}],"collection":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/comments?post=1475"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/1475\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media\/1476"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media?parent=1475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/categories?post=1475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/tags?post=1475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}