Latest News

Let’s say I told you we can get the results below with just one HTML element and five CSS properties for each. No SVG, no images (save for the background on the root that’s there just to make clear that our one HTML element has some transparent parts), no JavaScript. What would you think that involves?

The desired results.

Well, this article is going to explain just how to do this and then also show how to make things fun …

The post 1 HTML Element + 5 CSS Properties = Magic! appeared first on CSS-Tricks.

The team at Kapwing has collected a lot of images from the Internet Archive’s Wayback Machine and presented a history of how the homepage of popular websites like Google and the New York Times have changed over time. It’s super interesting.

I particularly love how Amazon has evolved from a super high information dense webpage that sort of looks like a blog to basically a giant carousel that takes over the whole screen.

Direct Link to Article — Permalink…

The post Museum of Websites appeared first on CSS-Tricks.

Huge thanks to BigCommerce for sponsoring CSS-Tricks this week!

Here’s the basics: BigCommerce is a hosted eCommerce platform. In just a few minutes, anybody can build their own online store. From a personal perspective, I’d suggest to any of my friends and family to go this route. CMS-powered websites are complicated enough, let alone feature-packed eCommerce websites. Please go with a solution that does it all for you so your site will look and work great and you can focus …

The post BigCommerce: eCommerce Your Way (and Design Awards!) appeared first on CSS-Tricks.

There is no shortage of videos out there where you can watch people code with an educational vibe. A golden age, one might say. Here are a few that I’ve watched and really enjoyed lately:

• @keyframers – “An animated, collaborative coding live stream by @davidkpiano & @shshaw.” They’ve got 2 epsidoes out now, each of which they start with an animated interface GIF and then collaboratively re-build it.
• The Coding Train – Daniel Shiffman’s show is a force of

…

The post Some Recent Live Coding Favorites appeared first on CSS-Tricks.

We just hit you with a slab of observations about CSS Grid in a new post by Manuel Matuzo. Grid has been blowing our minds since it was formally introduced and Jen Simmons is connecting it (among other new features) to what she sees as a larger phenomenon in the evolution of layouts in web design.

From Jeremy Keith’s notes on Jen’s talk, “Everything You Know About Web Design Just Changed ” at An Event Apart Seattle 2018:

This …

The post New CSS Features Are Enhancing Everything You Know About Web Design appeared first on CSS-Tricks.

Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop. This year, I worked on another workshop and I’ve learned some more exciting facts about the layout spec we all so love.

Of course, I’m not going to keep my knowledge to myself. I’m happy to share my findings once again with you, the CSS-Tricks community.

Understanding how the `grid` shortcut works

Sometimes, reading and understanding parts of the grid—or actually any …

The post Another Collection of Interesting Facts About CSS Grid appeared first on CSS-Tricks.