{"id":1400,"date":"2015-08-28T08:47:37","date_gmt":"2015-08-28T06:47:37","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/en\/?p=1400"},"modified":"2015-08-28T08:53:47","modified_gmt":"2015-08-28T06:53:47","slug":"pixels-of-the-week-august-28-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/blog\/pixels-of-the-week-august-28-2015\/","title":{"rendered":"Pixels of the Week \u2013 August 28 , 2015"},"content":{"rendered":"
This content is 9 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: user exprience, cognifively biased designers, typography, touch and space optimisation for big screens, alternative navigation to burger menu, performance and font, body language, nice ampersands, some music, a CSS element() tutorial, SVG, CSS loaders and some fun demos and emails.<\/p>\n

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

#Ampersands<\/p>\n

My Top 30 Fonts with the Sexiest Ampersands<\/a><\/p>\n

\"My<\/p>\n

Interesting article<\/h2>\n

#Design<\/p>\n

The Cognitively Biased Designer<\/a> and how to overcome those<\/p>\n

\"The<\/p>\n

 <\/p>\n

#Typography<\/p>\n

Nice morning read “Guidelines for Letterspacing Type<\/a>\u201d<\/p>\n

\"Guidelines<\/p>\n

#Touch<\/p>\n

Let\u2019s not forget about big screens – Very Large Touchscreens: UX Design Differs From Mobile Screens<\/a><\/p>\n

\"Very<\/p>\n

#Manipulation<\/p>\n

How I Increased Lonely Planet\u2019s In-App Purchase Revenue By 30% (Case Study Inside)<\/a>, or how to “help\u201d user to make a certain choice by introduction a third easily comparable option<\/p>\n

\"How<\/p>\n

#UX<\/p>\n

How to fix a bad user interface<\/a><\/p>\n

#Performance<\/p>\n

The @font-face dilemma<\/a> with a few solutions and fallbacks<\/p>\n

#Performance<\/p>\n

Experiments in Loading – How Long Will You Wait?<\/a>, Viget tested different loading icons to see how long a user would be willing to wait depending on the loading animation<\/p>\n

#Performance<\/p>\n

Optimizing Markup and Styles<\/a> (HTML, semantics, webfonts, cleaning CSS, gzip, etc.)<\/p>\n

#Font<\/p>\n

Love those kind of articles: Why the Wingdings font exists<\/a><\/p>\n

\"Why<\/p>\n

#E-Commerce #Big Screens<\/p>\n

Love the idea of taking advantage of big screens: Responsive Upscaling: 11 Ideas for Large-Screen E-Commerce Design<\/a><\/p>\n

\"11<\/p>\n

#Fun<\/p>\n

Umlaut \u2013 The Uber of punctuation. Th\u00e4nks.<\/a><\/p>\n

#Design #Talk<\/p>\n

Patterns of Card UI Design<\/a>, on different UI cards patterns and how to use them in modern webdesign<\/p>\n

 <\/p>\n

#Mobile<\/p>\n

Supporting Mobile Navigation in Spite of a Hamburger Menu <\/a>– On providing alternate navigation ways through the site in case the user misses the burger menu<\/p>\n

Inspiration and Great ideas<\/h2>\n

#Body Language<\/p>\n

This is fascinating: “Amy Cuddy: Your body language shapes who you are<\/a>”<\/p>\n

\"Amy<\/p>\n

#Pattern<\/p>\n

Nope flat did not totally kill background patterns they are still some pretty cool ones<\/a> (love some animated ones)<\/p>\n

\"les<\/p>\n

#Translation<\/p>\n

Huhuhu, Google Translate vs. \u201cLa Bamba\u201d<\/a><\/p>\n

 <\/p>\n

#Music<\/p>\n

If you ever wondered what the *** was liquid funk, vintage reggae or necrogrind, now you can now: everynoise.com<\/a><\/p>\n

\"everynoise.com\"<\/p>\n

Designer news<\/h2>\n

#hangout<\/p>\n

hangouts.google.com<\/a> Google Hangout finally get its own webapp<\/p>\n

Tutorials<\/h2>\n

#CSS<\/p>\n

CSS element() function<\/a> with some pretty cool demos<\/p>\n

#SVG<\/p>\n

Tight Fitting SVG Shapes, the Present and Future<\/a> by Ana Tudor (drink a coffee before reading it has cosine in it)<\/p>\n

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

#CSS<\/p>\n

A bunch of AJAXA loaders made in CSS, just in case: cssload.net<\/a> and spinkit<\/a><\/p>\n

\"CSS<\/p>\n

#Image<\/p>\n

A million of free images over 300 years released by the British Library<\/a><\/p>\n

\"British<\/p>\n

#JS #Color<\/p>\n

React Color<\/a>, some nice color pickers with 7 different styles<\/p>\n

\"React<\/p>\n

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

#Canvas #JS<\/p>\n

A fun canvas puppet<\/a><\/p>\n

\"Un<\/p>\n

#Email<\/p>\n

Muuaahu email craziness level 1000<\/a><\/p>\n

\"super<\/p>\n

#Maths<\/p>\n

Cycloid Drawing Machine<\/a><\/p>\n

\"Cycle<\/p>\n

#Cubes<\/p>\n

Procrastination time with this little iso cubes demo<\/a><\/p>\n

\"d\u00e9mo<\/p>\n

#CSS<\/p>\n

Morphing search input<\/a> concept<\/p>\n

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

This content is 9 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: user exprience, cognifively biased designers, typography, touch and space optimisation for big screens, alternative navigation to burger menu, performance and font, body language, nice ampersands, some music, a CSS element() tutorial, SVG, CSS loaders …<\/p>\n","protected":false},"author":3,"featured_media":1402,"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\/1400"}],"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=1400"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/1400\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media\/1402"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media?parent=1400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/categories?post=1400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/tags?post=1400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}