design tips

Or: When all you have is a CSS hammer, the world looks like a CSS nail.

Whenever I hear a perfectly nice comment like, “Yeah, representing the tech field!” in response to my pure-CSS art, I get a sharp feeling of panic.

Like many people who work on UIs for a living, I have difficulty applying the “tech” term to myself without feeling like a fraud. Impostor syndrome is a hard thing to shake. A front-end specialist? Oh, you …

The post Solving Life’s Problems with CSS appeared first on CSS-Tricks.

I use around 10 at the moment and they all provide functionality to me I find extremely important. Sometimes that functionality is every day all day. Sometimes it’s once in a blue moon but when you need it, you need it.

Direct Link to Article — Permalink…

The post Browser Extensions I Actually Use appeared first on CSS-Tricks.

I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all.

You can also check out our guide to making a simple site work offline and the offline site that resulted from it.

Direct Link to Article — Permalink…

The post Service Worker Cookbook appeared first on CSS-Tricks.

We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block.

Article Series:

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

What we’re building

We’re going to build a custom card block that features an image, a title and a summary. It’s a really common design pattern …

The post Learning Gutenberg: Building Our Custom Card Block appeared first on CSS-Tricks.