CSS Aspect Ratio Boxes

CSS Aspect Ratio Boxes

I had a little situation the other day where I needed to make one of those aspect-ratio friendly boxes. This isn't particularly new stuff. I think the original credit goes as far back as 2009 and Thierry Koblentz's Intrinsic Ratios and maintained popularity even for other kinds of content with articles like Uncle Dave's Ol' Padded Box.

[…]

So how do we figure out the padding-top for our 1127.34 × 591.44 SVG above?

[…]

FitVids is jQuery based, but there are vanilla JavaScript options, like this one by Ross Zurowski.

[…]

Tommy Hodgins has CSSplus which features Aspecty which is just for this, assuming you're cool with a JavaScript parsing and changing your CSS kinda thing:

[…]

See Also

Cross-document view transitions for multi-page applications

Get started with cross-document view transitions for use in your multi-page application (MPA).

Do you know about overflow: clip?

You probably know overflow: hidden, overflow: scroll and overflow: auto, but do you know overflow: clip?

Transitioning To Auto Height

I know this is something Chris has wanted forever, so it's no surprise he's already got a fantastic write-up just a day after the news broke. In fact, I first

Scaling up and load balancing your PostgreSQL Cluster using Pgpool-II

Let’s deep dive into how you can enable scalability and load balancing of your PostgreSQL cluster using Pgpool-II.

Why is chunking important in RAG applications?

As you go deeper down the rabbit hole building LLM-based applications, you may find that you need to root your LLM responses in your source data. Fine

An Introductory Guide to Fine-Tuning LLMs

Fine-tuning Large Language Models (LLMs) has revolutionized Natural Language Processing (NLP), offering unprecedented capabilities in tasks like language translation, sentiment analysis, and text generation.