UI Dev Newsletter Issue #51

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.