UI Dev Newsletter #46

Issue:#46

2021-03-01

The WebAIM Million

https://webaim.org/projects/million/

WebAIM shares the annual accessibility analysis of the top 1,000,000 home pages.
What the heck, z-index?

https://www.joshwcomeau.com/css/stacking-contexts/

Josh Comeau explores stacking contexts, one of the most misunderstood mechanisms in CSS.
JavaScript Debounce Example – How to Delay a Function in JS (ES6)

https://www.freecodecamp.org/news/javascript-debounce-example/

Ondrej Polesny explains all about debounce function in JavaScript and how to create it.
Hiding Content Responsibly

https://kittygiraudel.com/2021/02/17/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

https://www.zachleat.com/web/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

https://medium.com/@mezoistvan/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c

Mezo Istvan explores recent CSS L4 Media Queries to distinguish touchscreen devices.
The Very First CSS Report About CSS File Sizes and File Count

https://css-auditors.com/blog/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

https://fontjoy.com/

Generate font pairings in one click.

All issues