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

Doc Pop News Drop: How To “Try Gutenberg” in WordPress 4.9.8

Doc’s WordPress News Drop is a weekly report on the most pressing WordPress news. When the news drops, I will pick it up and deliver it right to you. You may have noticed that WordPress 4.9.8 includes a “Try Gutenberg” button. In this week’s video, which was shot at WordCamp for Publishers, we talk to …
The post Doc Pop News Drop: How To “Try Gutenberg” in WordPress 4.9.8 appeared first on Torque.
Read more

A Simple Introduction to CSS Grids

The advent of CSS grids has been described as “the internet finally getting its driver’s license“. In a nutshell, this is a web design technique that steps away from print-based design philosophies by using a responsive-style grid. It’s ultimately the most powerful layout system that’s currently available with CSS. Developers are often creatures of habit (and …
The post A Simple Introduction to CSS Grids appeared first on Torque.
Read more

Black and White Design: 10 Stunning Examples (+ Tips)

A black and white design scheme can be one of the most striking combinations for a project. The deep contrast and simplistic nature of these colors (or lack thereof) provide plenty of opportunities to explore other techniques to make the most of the design. Black and white designs have always been pretty popular, shifting most […]
Read more

Simple Interactive Pie Chart with CSS Variables and Houdini Magic

I got the idea for doing something of the kind when I stumbled across this interactive SVG pie chart. While the SVG code is as compact as it gets (a single <circle> element!), using strokes for creating pie chart slices is problematic as we run into rendering issues on Windows for Firefox and Edge. Plus, in 2018, we can accomplish a lot more with a lot less JavaScript!

AI got the following result down to a single HTML element …

The post Simple Interactive Pie Chart with CSS Variables and Houdini Magic appeared first on CSS-Tricks.

Read more