A developer discusses the importance of testing websites on ultrawide (21:9) screens, not just standard 16:9, and provides a simple method for emulating these resolutions.
A guide to using the CSS aspect-ratio property for responsive design, with syntax and visual examples.
Explains the CSS aspect-ratio property, its benefits over the old 'padding hack', and practical usage examples.
A roundup of exciting new web technologies including CSS aspect-ratio, container queries, and JavaScript libraries like GSAP Draggable and Three.js.
The new CSS aspect-ratio property is now supported in major browser engines, helping developers create responsive layouts without hacks.
An analysis of interesting and unusual CSS techniques used in the Twitter website's design, including aspect ratios and negative margins.
A technical guide to creating CSS Grid layouts with aspect-ratio cells using CSS variables and the padding hack.
A technical guide on using ImageMagick to automatically detect and remove black bars (letterboxing/pillarboxing) from video thumbnails and cover images.
A guide on using CSS to maintain the aspect ratio of embedded iframes (like videos) in responsive web design.
