Monthly Archives: April 2018

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.

(This is a sponsored post.)

Huge thanks to Wufoo for sponsoring CSS-Tricks this week! Like it says in the sidebar on this very site, we’ve been using Wufoo for literally over a decade. It’s the easiest and most powerful way to build web forms on the web.

Here’s something brand new from the Wufoo team: now in addition to payment providers like PayPal and Stripe, you can choose Worldpay.

This will be a huge upgrade for international users, …

The post Wufoo and Worldpay appeared first on CSS-Tricks.

Eric Bidelman introduces the CSS Typed Object Model. It looks like it’s going to make dealing with getting and setting style values through JavaScript easier and less error-prone. Less stringy, more number-y when appropriate.

Like if we wanted to know the padding of an element, classically we’d do:

var el = document.querySelector("#thing");
var style = window.getComputedStyle(el);
console.log(style.padding);

And we’d get “20px” as a string or whatever it is.

One of these new API’s lets us pull it off like this:…

The post Working With the new CSS Typed Object Model appeared first on CSS-Tricks.