8 Typography Trends for 2018

Bigger, bolder typography is the go-to type trend of 2018. Designers are opting for less elaborate typefaces and pairing them with bold color, cutouts, gradients, and even customizations to create lettering that stands out. Each of these trendy type styles is moving away from the flatter, more conservative options that have been popular for a […]
Read more

1 HTML Element + 5 CSS Properties = Magic!

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.

Read more

Museum of Websites

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 ArticlePermalink

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

Read more

BigCommerce: eCommerce Your Way (and Design Awards!)

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.

Read more

Some Recent Live Coding Favorites

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.

Read more

Code Review Part 1: Fixing Design Flaw with the “Return Early” Strategy

While reading Josh Pollock’s first article in his Advanced OOP for WordPress series, I noticed opportunities to improve his code’s quality and performance.  So I reached out to him. As a fellow educator, he suggested that I do a code review and then publish my insights in a series of articles here on Torque as …
The post Code Review Part 1: Fixing Design Flaw with the “Return Early” Strategy appeared first on Torque.
Read more

New CSS Features Are Enhancing Everything You Know About Web Design

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.

Read more

Another Collection of Interesting Facts About CSS Grid

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.

Read more

It’s Time for an RSS Revival

Brian Barrett:

Tired of Twitter? Facebook fatigued? It’s time to head back to RSS.

I’m an RSS reader lover, so I hate to admit it, but RSS ain’t going mainstream. It was too nerdy 20 years ago and it’s too nerdy now. RSS is still incredibly useful technology, but I can’t see it taking off alone.

For RSS to take off, it needs some kind of abstraction. Like Flipboard, where you can get started reading stuff right away and …

The post It’s Time for an RSS Revival appeared first on CSS-Tricks.

Read more

Wufoo and Worldpay

(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.

Read more