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