More insightful and useful patterns from Heydon Pickering.
Dispatches From The Internets
Tooltips & Toggletips
We now have a community-approved Progressive Web Apps logo!
A Collection of Interesting Facts about CSS Grid Layout
I learned a bunch about CSS Grid layout form this quick-hit piece by Manuel. Definitely worth a read!
URLs are UI
Yes, yes, and yes!
So many folks spend time on their CSS and their UX/UI but still come up with URLs that are at best, comically long, and at worst, user hostile.
How to turn your website into a PWA
Quick an easy. Just like it says on the tin.
Introducing The Website Speed Test Image Analysis Tool
This looks like an amazing tool for diagnosing ways to squeeze more bytes out of you pages!
You’re Offline
Some very interesting ideas and explorations of how to make your site better when viewed offline. Some very cool ideas here.
Start with empathy
A great piece covering the various ways we, as web designers and developers, must practice empathy:
Upping the empathy quotient among decision-makers, designers, and developers is integral to ensuring the creation of a digital world for everyone.
Your Site—Any Site—Should be a PWA
The other day, Frances Berriman—who coined the term “Progressive Web App”—wrote a bit about how she came up with that name. In it she clearly points out that the name has become a little problematic in dev circles
Accessibility according to actual people with disabilities
Lots of real-world feedback about accessibility issues here. The laundry list of pain points is not insurmountable though:
- Missing captions
- Motion & animations
- Visual clutter
- Walls of text
- Small text
- Sites that don’t play well with magnifiers
- Low contrast
- Text in images
- Bright colors
- Reliance on color to convey information
- Mouse-centric interactions
- Tiny touch targets
- CAPTCHAs
You can address most of these easily.