UI Dev Newsletter Issue #63
In this issue: content-visibility, organizing CSS declarations, DevTools snippets, and more.
content-visibility
Idorenyin Udoh explains all about the content-visibility property in CSS.
Organize your CSS declarations alphabetically
Eric Bailey explains why organizing CSS declarations are essential and why using alphabetical order might be the best solution.
Using CSS to Enforce Accessibility
Adrian Roselli lists some examples of how the CSS selector is keying off the HTML, what WCAG Success Criteria they help support, and if there are any gotchas.
Inherit, initial, unset, revert
Peter-Paul Koch explains special CSS keywords you can use on any CSS property, where and when to use them to the greatest effect, and which ones should exist, but not.
GIFs on the web: A new way to bloat
Doug Sillars shows how the Giphy platform loads an additional 300+ KB of code to your site when embedding GIFs.
Updating A 25-Year-Old Website
Mads Stoumann shows how old code is sometimes unavoidable, either because of scope or costs, but it can teach you a thing or two.
DevToolsSnippets
Manuel Matuzović shares a collection of front-end debugging script snippets to be used in the Sources panel in Chrome DevTools.
Can We
Mehdi Merah shares a collection of websites focused on browser usage and features.