Pixels of the Week – February 19, 2016 by Stéphanie Walter

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 and useful ressources, inspiration on twitter and other social networks.

This week’s selection: the idea of the “front end designer” job description, performance for websites and web apps, micro-moments, micro-interactions, animations and semantic motion, user experience, responsive wireframes and workflow and the concept of content inventory and content priorisation, amazing web apps that behave like native apps. In the tools selection: input detection, wtfHTML, web notifications generator, a tool to create animations and a HTML styleguide generator.

TL;DNR the one you should not miss

#Design #Development

Front End Design, by Brad Frost. AMEN. “Here’s the thing: HTML, CSS, and presentational JavaScript build user interfaces – yes, the same user interfaces that those designers are meticulously crafting in tools like Photoshop and Sketch. In order for teams to build successful user interface design systems together, it’s crucial to treat frontend development as a core part of the design process.”

Interesting article

#SVG #Color

The feColorMatrix SVG filter explained by Una

#CSS

Really interesting read: The future of loading CSS

#performance

Performance matters: How slow is too slow in 2016?

#Performance

Designing faster web apps, a few practical tips and solutions, from code optimization to percieved performance

#Typeface

Choosing and pairing typefaces for cookbooks

#Design

Methods for Using Micro-Interactions on Your Site, a few tips to design those little moments that close the gap between human and machine

#Design #Motion

Motion with Meaning: Semantic Animation in Interface Design, a really nice article on how to craft delightful animations that will feel right in the interface