Dark theme in a day

Marcin Wichary has written a great piece that dives into how he used CSS Variables to create a night mode and high contrast theme in an app. There’s so many neat tricks about how to use CSS Variables (Chris has also looked at theming) as well as how to organize them (Andras Galante has an interesting take on this) in here. Plus, Marcin shares some tricks about using filters to invert the color of an image.

I also …

The post Dark theme in a day appeared first on CSS-Tricks.

Read more

5 Key Elements of a One-Page Website

One-page sites are becoming popular in 2018, mainly due to the rise in mobile device browsing and the subsequent need for short, impactful information. They’re also perfect for developers who need to offer a summary of their services to potential clients. However, knowing what to include on a one-page site isn’t always easy. One-page sites …
The post 5 Key Elements of a One-Page Website appeared first on Torque.
Read more

Choosing the Best Font for PowerPoint: 10 Tips & Examples

There’s a fine art to creating a great PowerPont presentation that wows. With so many tricks and features in this little bit of software, it’s more likely to see a bad presentation than a good one (and you don’t want to be that person!) While there are a lot of factors that contribute to the […]
Read more

Learning Gutenberg: What is Gutenberg, Anyway?

Gutenberg is the new React-driven SPA editing experience in WordPress. Oh wait, a string of buzzwords doesn’t count for a viable explanation of software? We’re going to unpack that string of buzzwords as we explain what Gutenberg is.

Article Series:

  1. Series Introduction
  2. What is Gutenberg, Anyway? (This Post)
  3. A Primer with create-guten-block (Coming Soon!)
  4. Modern JavaScript Syntax (Coming Soon!)
  5. React 101 (Coming Soon!)
  6. Setting up a Custom webpack (Coming Soon!)
  7. A Custom “Card” Block (Coming Soon!)

First, a before-and-after screenshot …

The post Learning Gutenberg: What is Gutenberg, Anyway? appeared first on CSS-Tricks.

Read more

Learning Gutenberg: Series Introduction

Hey CSS-Tricksters! 👋 We have a special long-form series we’re kicking off here totally dedicated to Gutenberg, a major change to the WordPress editor. I’ve invited a dynamic duo of authors to bring you this series, which will bring you up to speed on what Gutenberg is, what it can do for your site, and how you can actually develop for it.

Who this is for

This series is more for developers who are curious about this new world …

The post Learning Gutenberg: Series Introduction appeared first on CSS-Tricks.

Read more

Foreword for CSS In Depth

Keith Grant recently released a brand new book on CSS: CSS in Depth. If you’re looking for a book focused specifically on learning CSS, you’ve found it. I was happy to write the foreword for it, which I’ll republish here.


“A minute to learn… A lifetime to master.” That phrase might feel a little trite these days, but I still like it. It was popularized in modern times by being the tagline for the board game Othello. In Othello, …

The post Foreword for CSS In Depth appeared first on CSS-Tricks.

Read more

Custom List Number Styling

How about a classic CSS trick! This isn’t even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works and had some easy-to-copy examples at the ready.

Let’s say all you wanna do is style the dang numbers:

See the Pen Custom List Style 2 by Chris Coyier (@chriscoyier) on CodePen.

Here’s an example from the CodePen Challenges pages:

See …

The post Custom List Number Styling appeared first on CSS-Tricks.

Read more

Plugin Review Team to Close Unused Plugins

The thousands of plugins in the repository are what make WordPress so powerful. With these plugins, you can mold the CMS into anything you need; finding and downloading any capability you might need to make your site work for you. However, not all of these plugins are being used. The WordPress.org Plugin Review Team announced …
The post Plugin Review Team to Close Unused Plugins appeared first on Torque.
Read more