Category: CSS

Flexible Captioned Slanted Images ◆ 24 ways 0

Flexible Captioned Slanted Images ◆ 24 ways

We have a lot of new layout tools at our disposal these days—flexbox is finally stable and interoperable, and Grid very much the same, with both technologies having well over 90% support coverage. In...

What’s the Difference Between Width/Height in CSS and Width/Height HTML attributes? 0

What’s the Difference Between Width/Height in CSS and Width/Height HTML attributes?

Some HTML elements accept width and height as attributes. Some do not. For example: <!– valid, works, is a good idea –> <img width=”500″ height=”400″ src=”http://css-tricks.com/…” alt=”http://css-tricks.com/…”> <iframe width=”600″ height=”400″ src=”http://css-tricks.com/…”></iframe> <svg width=”20″ height=”20″></svg>...

Component-Level CMSs | CSS-Tricks 0

Component-Level CMSs | CSS-Tricks

When a component lives in an environment where the data queries populating it live nearby, there is a pretty direct line between the visual component and the database where that exact content lives. That...

Hamburger ☰ Heaven ★ Stellify 0

Hamburger ☰ Heaven ★ Stellify

While exploring unicode symbols, I discovered that the three-bar icon people now see as the hamburger menu also exists in the symbol table as something called the “trigram for heaven” ☰. It’s one of...

JAMstack vs. Jamstack | CSS-Tricks 0

JAMstack vs. Jamstack | CSS-Tricks

It’s just a word to evoke the idea that serving as much as you can statically while using client-side code and hitting serverless APIs for any needs after that. The “official website” changed their...

Timeless Web Dev Articles | CSS-Tricks 0

Timeless Web Dev Articles | CSS-Tricks

Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed their perspective in some way. Fun! I’m gonna scour the thread...