Pixels of the Week – September 2, 2018

Stéphanie Walter

Senior UX Designer - Mobile Expert

Senior UX Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Product Design (GDE)

Follow on Twitter

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:

Interesting article

#UX / Design

#a11y / incluside design

#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

::before vs :before

#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

Are you looking for a UX or UI designer, for a site or mobile application? Do you want me to give a talk at your conference, or simply want to know more about me? You can take a look at my portfolio and contact me.

Comments are closed.