Pixels of the Week – September 2, 2018
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful resources, inspiration on twitter and other social networks.
This week’s selection: accessibility, PWA and CSS, mobile forms UX with HTML5 and sensors, SVG and CSS animations, design systems, cultural bias in design, colors in CSS, industry jargon, dashboard design, diversity, inclusive design, ::before vs :before
You can follow me on twitter to get a dose of links every days.
I wrote something this week
Part 2 of my article on mobile form ans UX is out, featuring HTML5 tips to enhance form user experience and bringing the experience to the next level with device sensors and more.
Also, I redesigned my friend Myriam Jessier’s website,
TL;DNR the one you should not miss
Interesting considerations and tips for CSS in PWA regarding platform agnostic design, device capabilities and performances:
- CSS and PWAs: Some Tips for Building Progressive Web Apps
- CSS Optimization Tools for Boosting PWA Performance
#UX / Design
- The future of design systems – Design Leadership – interesting read on the evolution of design systems, on building UI using predictive technology and more
- Cultural bias in design(ers) talk, some inspiring slides
- How To Make A Dashboard That Doesn’t Suck, for my product designer and UI designer friends
- Designer+Developer Workflow: Head-Down Work
#a11y / incluside design
- Accessibility is not a feature by Ethan Marcotte
- Variable Fonts and Dyslexia, interesting proof of concept and way to use variable fonts
- Reminder “Designing forms for gender diversity and inclusion“
The tyranny of GDPR popups and the websites failing to adapt – GDPR has changed the internet for millions of people. But nobody can agree on how to stay on the right side of compliance
Great conference notes: Designing Progressive Web Apps
So many conference CFPs. How can you ensure your proposal rises to the top, here is an article to help: “Writing winning abstracts”
MethodKit for Gender Equality is a deck of cards designed for equality-work in organizations or companies, with focus on gender equality. It is a tool to think with, structure workshops around and to use as a discussion facilitator
Defining Colors in CSS – I’m all for hsl, it makes it super easy to create variations for hover, active states if those where not defined by the designer or if you design in the browser
Stop using big words and industry jargons (and what to do instead), a very nice article to help us all communicate better ?
Inspiration, fun demos and Great ideas
Lego build a full sized Bugatti Chiron, impressive
Some SVG and CSS animated burger menu. Disclaimer: I’m not telling you to use burger menus, it’s just a nice technical demo to show things you can do animating SVG paths. Burger menus have their own usability issues