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
#UX #Forms
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.
#Design
Also, I redesigned my friend Myriam Jessier’s website,
TL;DNR the one you should not miss
#PWA
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
Interesting article
#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“
#GDPR
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
#PWA
Great conference notes: Designing Progressive Web Apps
#Conference
So many conference CFPs. How can you ensure your proposal rises to the top, here is an article to help: “Writing winning abstracts”
#Cards
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
#CSS
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
#Jargon
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
Lego build a full sized Bugatti Chiron, impressive
#SVG #CSS
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
