UI Dev Newsletter Issue #22
In this issue: progressive enhancement and accessibility, image-set() function, box-shadow examples, and more.
Writing even more CSS with Accessibility in Mind, Part 1: Progressive Enhancement
Manuel Matuzović describes how to use progressive enhancement to write more accessible CSS code.
CSS Images Module Level 4: the image() notation
The image-set() function allows an author to provide multiple resolutions of an image and let the UA decide which is most appropriate in a given situation.
Using the brightness() CSS Filter to generically highlight Content
Rick Strahl describes how to use the CSS brightness filter to highlight content without having to specify a specific color value.
70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization
Jens Oliver Meiert explains how what it means to know how many declarations you use in your style sheets and how many of those declarations are unique.
How CSS Perspective Works
Amit Sheen explains all about CSS perspective, from how it works to how to use it to create 3D animations.
How to Choose the Right Website Fonts
Lucy Turner shows how you can choose fonts that are right for your website.
Beautiful CSS box-shadow examples
A collection of real-world examples of beautiful CSS box-shadow examples.
Lighthouse recommends smaller libraries
Addy Osmani introduces Lighthouse's feature, which recommends smaller libraries that improve bundle size.