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

Gutenberg 3.5.0 Released

Gutenberg 3.5.0 is available for download and polishes existing features. This release adds an edit button to embed blocks that allows users to edit the source URL. Edit URL Button on Embed Blocks The contrast has been increased for input fields and check boxes have visually more distinct states as (more…)
Read more

How to Make Columns in WordPress without a Plugin

When you are setting up your WordPress site or creating content, you will have various different styles and formats to consider. Certain styles or formats will match particular types of content, and depending on what you’re writing you might want to adjust accordingly. A great option to make news content have the feel of a …
The post How to Make Columns in WordPress without a Plugin appeared first on Torque.
Read more

The Cost of JavaScript in 2018

Even though we mentioned it earlier, I thought this outstanding post by Addy Osmani all about the performance concerns of JavaScript was still worth digging into a little more.

In that post, Addy touches on all aspects of perf work and how we can fix some of the most egregious issues, from setting up a budget to “Time-to-Interactive” measurements and auditing your JavaScript bundles.

Embrace performance budgets and learn to live within them. For mobile, aim for a JS budget …

The post The Cost of JavaScript in 2018 appeared first on CSS-Tricks.

Read more

Interviews from WordCamp for Publishers 2018

WordCamp for Publishers is a two day conference for online publishers of any size. This year’s event was hosted in Chicago and was filled with talks about how agencies are helping publishers improve their workflow with Gutenberg, how to improve accessibility, and why paywalls may actually be good for the open web. I had a …
The post Interviews from WordCamp for Publishers 2018 appeared first on Torque.
Read more

Switch font color for different backgrounds with CSS

Ever get one of those, “I can do that with CSS!” moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while watching Dag-Inge Aas & Ida Aalen talk at CSSconf EU 2018.

They are based in Norway, where WCAG accessibility is not a just good practice, but actually required by law (go, Norway!). As they were developing a feature that allows user-selectable color theming for their main product, they faced a challenge: automatically adjusting …

The post Switch font color for different backgrounds with CSS appeared first on CSS-Tricks.

Read more

25+ Modern, Premium Google Slides Templates & Themes

Google Slides is a great web-based, free platform for creating presentations (and collaborating as you do so). There are plenty of pre-made default templates available, but they can only so so far — many are quite simple, and lack polished aesthetics. If you’re wanting to take your Google Slides presentation to the next level, today’s […]
Read more