Creating the “Perfect” CSS System

My pal Lindsay Grizzard wrote about creating a CSS system that works across an organization and all of the things to keep in mind when starting a new project:

Getting other developers and designers to use the standardized rules is essential. When starting a project, get developers onboard with your CSS, JS and even HTML conventions from the start. Meet early and often to discuss every library, framework, mental model, and gem you are interested in using and take feedback …

The post Creating the “Perfect” CSS System appeared first on CSS-Tricks.

Read more

Torque Toons: Try Gutenberg

Would you like to Try Gutenberg? Now that WordPress 4.9.8 is here, it’s a great time to start. Don’t forget to check out our other editorial toons!
The post Torque Toons: Try Gutenberg appeared first on Torque.
Read more

Practical CSS Scroll Snapping

CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions like this one:

Live Demo
Browser support and basic usage

Browser support for CSS scroll snapping has improved significantly since it was introduced in 2016, with Google Chrome (69+), Firefox, Edge, and Safari all supporting some version of it.

Scroll snapping is used by setting the scroll-snap-type property on a container element and the …

The post Practical CSS Scroll Snapping appeared first on CSS-Tricks.

Read more

What Is a Web Design Proposal? (And How to Write One)

The most successful design projects often start with a successful business foundation. Whether you work on an agency team with other creatives or are a freelancer trying to sell your own products and services a solid web design proposal can help you win clients and set expectations for work. Here’s everything you need to know […]
Read more

Adobe Stock: A 101 Introduction

Navigating the world of stock images can be tough. There are a lot of sources and even more photos to sort through. Finding a reputable vendor for stock images that’s easy to use can be a lifesaver. That’s where Adobe Stock comes in. Adobe – the same company you know for making software that you […]
Read more

The possibilities of the color-adjust property

The Open Web continues to show up in places we would have never originally expected to find it: our phones, televisions, watches, books, video game consoles, fast food menus, gas pumps, elevators, cars—even our refrigerators.

By not making too many or too strict assumptions about how the web should be used, it remains flexible and adaptable. These qualities have allowed it to outperform closed technologies like Flash and Silverlight.

With the web’s growth comes new features to better accommodate its …

The post The possibilities of the color-adjust property appeared first on CSS-Tricks.

Read more

An Event Apart

Just the other day in a Slack group I hang out in someone asked “what web design events is everyone going to and loving?” An Event Apart is always my immediate answer. I’ve gotten to speak a number of An Event Apart events, which is an incredible honor and always a good time. So from that perspective, I love it. I can tell you that it’s the most well-run conference I go to that gets all the details right.

But …

The post An Event Apart appeared first on CSS-Tricks.

Read more

30+ Best Music & Band Flyer Templates

Whether you’re working on a flyer design for your band’s next gig, or planning a big music festival, you’re going to need an awesome music or band flyer template. We’ve tracked down some of the best modern, stylish music flyer templates to help you start designing a flyer for your band’s next event. It doesn’t […]
Read more