Latest News

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.

Gutenberg introduces the modern JavaScript stack into the WordPress ecosystem, which means some new tooling should be learned. Although tools like create-guten-block are incredibly useful, it’s also handy to know what’s going on under the hood.

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 (This Post)
7. A Custom “Card” Block (Coming Soon!)

The files we will be configuring here should be familiar from what we covered…

The post Learning Gutenberg: Setting up a Custom webpack Config appeared first on CSS-Tricks.

(This is a sponsored post.)

With DigitalOcean, you can spin up Droplet cloud servers with industry-leading price-performance and predictable costs. Our flexible configurations are sized for any application, and we save you up to 55% when compared to other cloud providers.

Get started today. Receive a free $100/60-day account credit good towards any DigitalOcean services.

Direct Link to Article — Permalink…

The post ​High Performance Hosting with No Billing Surprises appeared first on CSS-Tricks.