I learned a bunch about CSS Grid layout form this quick-hit piece by Manuel. Definitely worth a read!
Dispatches From The Internets
A Collection of Interesting Facts about CSS Grid Layout
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.
Alpha Testers Wanted for Progressive Web App Tools for VS Code
The goals of this extension are pretty straightforward:
- Create the code we know we need and only that code;
- Omit any code that we “might” need in the future;
- Work for Angular, React, Vue, plain old JavaScript; and
- Provide simple and functional steps to create a PWA on the major platforms listed above.
Nice.
Adding Paragraphs in Zillow Should Not be This Hard
Kelly and I are in the process of selling our (beautiful) home and I have been amazed at how difficult it’s been for our agents to break up the listing description into paragraphs, especially on Zillow. After a ton of trial and error—after all, I wasn’t gonna let poor software design trump readability—I found a solution. > TLDR; Insert a blank line between the paragraphs and put " " (that’s a space followed by a tab) on that line.