UI Dev Newsletter Issue #51
In this issue: magical 3D button, CSS position and background properties, media queries in JavaScript, and more.
Building a Magical 3D Button
Josh Comeau describes how to create a whimsical 3D button in detail.
CSS Position Property Explained!
Suraj Vishwakarma looks into the position property and its different values in CSS.
Every CSS Background Property Illustrated and Explained with Code Examples
Joy Shaheb describes every single CSS background property with every possible value, including the short-hand.
Swipey image grids
Cassie Evans describes how to make a 'swooshy' image grid that is responsive with SVG.
Using media queries with JavaScript
Maroun Baydoun shows how using media queries in JavaScript is much more efficient than detecting screen resolution.
Accessible front-end components: claims vs reality
Hidde de Vries lists many things you can look at if you consider third-party 'accessible components'.
Vodafone: A 31% improvement in LCP increased sales by 8%
Vodafone determined that optimizing for Web Vitals generated 8% more sales.
The Clips of CSS v2 (React && Prism)
Jhey shares a demo on using 'clip-path: polygon()' to create shapes with CSS.