{"id":1444,"date":"2015-11-13T09:20:30","date_gmt":"2015-11-13T07:20:30","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/en\/?p=1444"},"modified":"2019-05-26T22:35:06","modified_gmt":"2019-05-26T20:35:06","slug":"pixels-of-the-week-13-november-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/blog\/pixels-of-the-week-13-november-2015\/","title":{"rendered":"Pixels of the Week \u2013 13 November, 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: pattern, anti-pattern, error messages and mobile onboarding, best input choice, anticipatory design, long term efficiency of flat design, browser parsing and browser webviews, some funny ads and lovely HTML typography, tools to help you with offline, UX evaluation, a font manager and a client feedbacktool as a WordPress template. Also don’t miss some really nice SVG and CSS demos this week.<\/p>\n

TL;DNR the one you should not miss<\/h2>\n

#Design<\/p>\n

Nothing, Loading, None, One, Some, Too many, Incorrect, Correct, Done: the 9 states of design<\/a> we need to support<\/p>\n

\"\"<\/p>\n

Interesting article<\/h2>\n

#Inputs<\/p>\n

Dear dev\/designer, a MUST read: Which Input When?<\/a> Also don’t HTML5 autocomplete passwords fields and remove autocapitalize on email fields<\/p>\n

\"\"<\/p>\n

#Spec Work<\/p>\n

Watch People in Other Industries React Hilariously to Being Asked for Free Spec Work<\/a><\/p>\n

\"\"<\/p>\n

#Parsing<\/p>\n

So how does the browser actually render a website<\/a>, slides + conf video<\/p>\n

\"\"<\/p>\n

#Mobile #Webview<\/p>\n

A must read great article: “What is a WebView?<\/a>“, bridging the gap between native and web based content<\/p>\n

\"\"<\/p>\n

#Design #UX<\/p>\n

Keeping UX simple with anticipatory design<\/a>, with a few questions about collecting user informations<\/p>\n

\"\"<\/p>\n

#Design #Flat<\/p>\n

Long-Term Exposure to Flat Design: How the Trend Slowly Decreases User Efficiency<\/a><\/p>\n

\"\"<\/p>\n

#Mobile #UI<\/p>\n

Misused mobile UX (UI ??) patterns<\/a><\/p>\n

\"\"<\/p>\n

#UX #Errors<\/p>\n

Error Messages Are an Anti-Pattern<\/a><\/p>\n

\"\"<\/p>\n

#Mobile #Onboarding<\/p>\n

A Guide to User Onboarding Techniques for Mobile Apps<\/a><\/p>\n

Designer news<\/h2>\n

Inspiration and Great ideas<\/h2>\n

#Typography<\/p>\n

Google Web Font inspiration in HTML & CSS<\/a>.<\/p>\n

\"\"<\/p>\n

#Humour<\/p>\n

Designing with Humor: 50 Hilarious Advertising Designs To Teach You How<\/a><\/p>\n

\"\"<\/p>\n

#Pantone<\/p>\n

Meet pornfood featuring pantone: pantone smoothies<\/a> \ud83d\ude00<\/p>\n

\"\"<\/p>\n

Tutorials<\/h2>\n

#SVG<\/p>\n

SVG Animate on Path<\/a><\/p>\n

\"\"<\/p>\n

Useful ressources, tools and plugins that will make your life easy<\/h2>\n

#Diversity #Mobile<\/p>\n

Diverse Device Hands<\/a>, Photos of hands holding various phones<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Service Workers #Offline<\/p>\n

A tiny script that makes sure your site is always there for your users (using ServiceWorkers)<\/a><\/p>\n

\"\"<\/p>\n

#Font<\/p>\n

Fontba.se<\/a> a new font manager for Windows<\/p>\n

\"\"<\/p>\n

#Feedbacks<\/p>\n

Projecthuddle.io<\/a> transforms WordPress into an Invision like feedback tool<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

The SUPR-Q<\/a> is a Rating Scale to Measure perceptions of Usability, Trust, Credibility, Appearance and Loyalty for Websites<\/p>\n

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

#CSS<\/p>\n

Demo of the day: Dynamic Image Colorizing with <input type=”color”><\/a><\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Interactive Room Display<\/a>, nice CSS demo<\/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: pattern, anti-pattern, error messages and mobile onboarding, best input choice, anticipatory design, long term efficiency of flat design, browser parsing and browser webviews, some funny ads and lovely HTML typography, tools to help you …<\/p>\n","protected":false},"author":3,"featured_media":1445,"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\/1444"}],"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=1444"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/1444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media\/1445"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media?parent=1444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/categories?post=1444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/tags?post=1444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}