Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected. Hide

Frontend Dogma

“aspect-ratio” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design (non-exhaustive) · “aspect-ratio” × ? · “aspect-ratio” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
How Aspect Ratios Define Perception, Rhythm, and Flow (web)17
design
Aspect Ratio Changes With CSS View Transitions (jim)16
css, view-transitions
Things That Can Break “aspect-ratio” in CSS (chr/fro)15
css
“aspect-ratio” Gotcha (css)14
css, images
View Transitions: Handling Aspect Ratio Changes (jaf)13
css, view-transitions
How to Use CSS “aspect-ratio” (ral)12
how-tos, css
Upgrading Our CSS Habits: “aspect-ratio” (cod)11
css
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)10
css, images
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)9
performance, web-vitals, comparisons, html, attributes, css
A Practical Guide to Aspect Ratio in CSS (zor/css)8
videos, guides, css
Building a Combined CSS Aspect Ratio Grid (9el)7
css, layout, grids
Aspect Ratio Is Great (mic)6
css, layout
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)5
iframes, css, responsive-design
Let’s Learn About Aspect Ratio in CSS (sha)4
css
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)3
images, responsive-design, css, gradients, effects
A First Look at “aspect-ratio” (chr/css)2
css
Aspect Ratio Calculator (seg)1
tools, exploration, images, math