Latest News

This confused me for a bit here so I’m writing it out while it’s fresh in mind. Just because you’re using a web component doesn’t mean the styles of it are entirely isolated. You might have content within a web component that is styled normally along with the rest of your website. Like this:

See the Pen Web Component with Global Styles (because no Shadow DOM) by Chris Coyier (@chriscoyier) on CodePen.

That <whats-up> element isolated the … Read article

The post Styling a Web Component appeared first on CSS-Tricks.

Outside of my extreme envy of the SEO they are going to get out of this, Rachel is spot on here. Learning CSS has some pillars, like language syntax, selectors, layout, and flow that, once learned, unlock your CSS merit badge.

What I would add is that if you really want to learn CSS, give yourself a project that has real-world stakes (like a personal website), so what you are doing with CSS feels important and gives you the incentive … Read article

The post How To Learn CSS appeared first on CSS-Tricks.

Having been in the web development industry for more than 14 years, I’ve seen and written my fair share of good and bad CSS. When I began at Ramsey Solutions five years ago, I was introduced to Sass. It blew my mind how useful it was! I dove right in and wanted to learn everything I could about it. Over the past five years, I’ve utilized a number of different Sass techniques and patterns and fell in love with some … Read article

The post Sass Techniques from the Trenches appeared first on CSS-Tricks.

In the new year edition of the Clearleft newsletter, Jeremy Keith linked to the design principals Danny Hillis thought about while considering a clock that would work for 10,000 years.

Here’s part of that page, satisfyingly displayed as a <dl>:

Longevity:

Go slow

Avoid sliding friction (gears)

Avoid ticking

Stay clean

Stay dry

Expect bad weather

Expect earthquakes

Expect non-malicious human interaction

Dont tempt thieves

Maintainability and transparency:

Use familiar materials

Allow inspection

Rehearse motions

Make it easy

… Read article

The post The 10,000 Year Clock Design Principals appeared first on CSS-Tricks.