{"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":"
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 #Ampersands<\/p>\n My Top 30 Fonts with the Sexiest Ampersands<\/a><\/p>\n <\/p>\n #Design<\/p>\n The Cognitively Biased Designer<\/a> and how to overcome those<\/p>\n <\/p>\n <\/p>\n #Typography<\/p>\n Nice morning read “Guidelines for Letterspacing Type<\/a>\u201d<\/p>\n <\/p>\n #Touch<\/p>\n Let\u2019s not forget about big screens – Very Large Touchscreens: UX Design Differs From Mobile Screens<\/a><\/p>\n <\/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 <\/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 <\/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 <\/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 #Body Language<\/p>\n This is fascinating: “Amy Cuddy: Your body language shapes who you are<\/a>”<\/p>\n <\/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 <\/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 <\/p>\n #hangout<\/p>\n hangouts.google.com<\/a> Google Hangout finally get its own webapp<\/p>\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 #CSS<\/p>\n A bunch of AJAXA loaders made in CSS, just in case: cssload.net<\/a> and spinkit<\/a><\/p>\n <\/p>\n #Image<\/p>\n A million of free images over 300 years released by the British Library<\/a><\/p>\n <\/p>\n #JS #Color<\/p>\n React Color<\/a>, some nice color pickers with 7 different styles<\/p>\n <\/p>\n #Canvas #JS<\/p>\n A fun canvas puppet<\/a><\/p>\n <\/p>\n #Email<\/p>\n Muuaahu email craziness level 1000<\/a><\/p>\n <\/p>\n #Maths<\/p>\n Cycloid Drawing Machine<\/a><\/p>\n <\/p>\n #Cubes<\/p>\n Procrastination time with this little iso cubes demo<\/a><\/p>\n <\/p>\n #CSS<\/p>\nTL;DNR the one you should not miss<\/h2>\n
Interesting article<\/h2>\n
Inspiration and Great ideas<\/h2>\n
Designer news<\/h2>\n
Tutorials<\/h2>\n
Useful ressources, tools and plugins that will make your life easy<\/h2>\n
Fun, games, experiments and demos<\/h2>\n