Styling a Web Component

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.

Read more

How To Learn CSS

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.

Read more

Accelerated Mobile Pages (AMP): A 2019 Primer

Mobile browsing has become the primary way most people use the internet. As such, any developer who’s not taking a mobile-first approach is likely going to let their clients down. Fortunately, if you’re new to mobile-first development, there are plenty of easy solutions you can put in place. One of the most important is Accelerated …
The post Accelerated Mobile Pages (AMP): A 2019 Primer appeared first on Torque.
Read more

Sass Techniques from the Trenches

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.

Read more

The 10,000 Year Clock Design Principals

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>:

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.

Read more

20+ Best Website PSD Mockups & Tools 2019

A great website mockup design can help to present your web design in a beautiful, unique way. This collection of website mockup PSDs is perfect for doing just that, and we’ll also share our favorite website mockup tools, and tips for creating your website mockup! Proper presentation is the key to delighting your clients. Whether […]
Read more

30+ Superhero Logo Templates

Superheroes are all the craze these days. Everywhere you look you see some sort of a superhero logo or a character on t-shirts, posters, and mugs. There’s no age, race, or gender difference to loving a superhero character. If you’ve been looking for a cool Batman logo template or a Superman logo template to use […]
Read more

A Developer’s Guide to Varying Vagrant Vagrants (VVV)

When developing for WordPress, it’s important to have the best tools at your disposal. Arguably, the process starts with a solid local development environment. However, there are now plenty of additional solutions for getting your project up and running quickly. Whether you’re creating a theme, working on a plugin, or contributing to WordPress core, Varying …
The post A Developer’s Guide to Varying Vagrant Vagrants (VVV) appeared first on Torque.
Read more