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
The post The 10,000 Year Clock Design Principals appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
