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

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