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 and included. Hide

Frontend Dogma

“aspect-ratio” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design (non-exhaustive) · “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”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