UI Dev Newsletter #46

• 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.

Happy coding!

Subscribe to the newsletter here!