The Best Of The Internets

More insightful and useful patterns from Heydon Pickering.

I love this logo by Diego González!

Grab a copy from the repo or the logo builder.

I learned a bunch about CSS Grid layout form this quick-hit piece by Manuel. Definitely worth a read!

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.

Quick an easy. Just like it says on the tin.

This looks like an amazing tool for diagnosing ways to squeeze more bytes out of you pages!

Some very interesting ideas and explorations of how to make your site better when viewed offline. Some very cool ideas here.

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.

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.

The goals of this extension are pretty straightforward:

1. Create the code we know we need and only that code;
2. Omit any code that we “might” need in the future;
3. Work for Angular, React, Vue, plain old JavaScript; and
4. Provide simple and functional steps to create a PWA on the major platforms listed above.

Nice.