Archives

Jason Grigsby

A Bashful Button Worth 8 Million Dollars

• 17 June 2021
• 100vh, CSS, viewport, RWD
• 5 reactions

6 years ago I reported a bug about 100vh being larger than the viewport height in Safari. It was "intentional" according to webkit/Safari team, and other browsers followed… 🤦‍♂️

Eric Bailey

Add punctuation to your alt text

• 4 June 2021
• accessibility, image
• 8 reactions

To add a description to an image, author a string inside of an alt attribute declared on an img element. Assistive technology will recognize the presence of the alt attribute and read the string as it moves through the page or view.

Maarten Van Hoof

Responsive SVGs - container vs media queries

• 4 June 2021
• SVG, RWD, CSS
• 6 reactions

Maarten shows here (only in Chrome Canary for now) how Container Queries will allow us to have responsive SVG images inline in the HTML.

Sara Soueidan

How I set up Glyphhanger on macOS for optimizing and converting font files for the Web

• 3 June 2021
• WebPerf, font, tool
• 6 reactions

I already had Glyphhanger installed on my computer, but I remember having similar issues, so Sara's article is welcome for anyone who wants to use it to optimize fonts weight, including future me.

Barry Pollard

How To Fix Cumulative Layout Shift (CLS) Issues

• 2 June 2021
• WebPerf
• 8 reactions

Barry shows here a few ways to prevent layout shifts and make your visitors happier.