Pixels of the Week – January 6, 2016
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful ressources, inspiration on twitter and other social networks.
This week’s selection: talented designer and why we are no artists, how to build modular code and design, a little bit of UX, mobile onboarding, beautiful typography and what happens when you mix tea and pantones in a colorful experiment, many CSS and SVG tutorials and a few tools to help you build flexbox, use OpenType, create a site styleguide and a small responsive menu.
TL;DNR the one you should not miss
Content Display Patterns, un excellent article on modular code and how we should build the code based on the reusability of elements and not on their design
Nice, short, well written and true: I’m Not a Talented Designer
Interesting if you end up creating goodies for example: How to Optimize Your T-Shirt Designs for Max Wearability
Feeew: CSS STILL SUCKS 2015 – And How We Try To Work Around It (presentation slides)
Small is Beautiful: Why Desktop UX still has something to teach Mobile
Fight for UX, an introduction to 5 principles of user experience using posters
Shields Down, an excellent read on when and how you start thinking about resigning
Inspiration and Great ideas
How could I have missed this robot boogie website?
Swissincss.com is a homage to the International Typographic Style in CSS and it’s beautiful
Paletteforyourpalate: a tea a pantone and a mood as inspiration for a beautiful, culinary and colorful experiment
Blending Modes Demystified, let’s do the maths 🙂
Useful ressources, tools and plugins that will make your life easy
Utility OpenType, CSS utility classes for advanced typographic features (with explanation)
HTML5 Forms inputmode attributes looks promising, such a shame the support is so bad 🙁
Paradeiser – Interesting menu script if you have a flat and not too complex architecture
Layout-editor an online flexbox editor to help you
Snatchr, a useful chrome extension that shows a site’s background color, texte colors & typography