UI Dev Newsletter Issue #46
In this issue: WebAIM's annual accessibility report, in-depth exploration of z-index, and JavaScript debounce function.
The WebAIM Million
WebAIM shares the annual accessibility analysis of the top 1,000,000 home pages.
What the heck, z-index?
Josh Comeau explores stacking contexts, one of the most misunderstood mechanisms in CSS.
JavaScript Debounce Example – How to Delay a Function in JS (ES6)
Ondrej Polesny explains all about debounce function in JavaScript and how to create it.
Hiding Content Responsibly
Kitty Giraudel shows all the ways to hide something through HTML or CSS and when to use it.
Barebones CSS for Fluid Images
Zach Leatherman explores how CSS properties width and max-width interact with width, height and scrset attributes.
Finally, a CSS only solution to :hover on touchscreens
Mezo Istvan explores recent CSS L4 Media Queries to distinguish touchscreen devices.
The Very First CSS Report About CSS File Sizes and File Count
Silvestar Bistrović shares how and why CSS Auditors started and how they published the first CSS report about file sizes in FPL.
Fontjoy
Generate font pairings in one click.