Monthly Archives: May 2018

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.

Of course we have the newest Star Wars film on our mind, but we hope this joke doesn’t sound too forced. Don’t forget to check out our other editorial toons!
The post Torque Toons: Solo Programming appeared first on Torque.

In this episode, John James Jacoby and I discuss Adobe’s acquisition of Magento, feedback regarding WordPress 4.9.6, when 4.9.7 might ship, an unofficial WordCamp app for iOS, and whether or not it’s time for WordPress auto updates to occur for every version. I describe what it’s like having poison ivy (more…)

When creating a WordPress page, you think of its usability and visual components. You want more people to visit it and say “Wow!” But let’s face it, you want to convert, as well. Design and copywriting techniques do wonders, but sometimes you don’t see any logic behind users’ reactions to your website. You’ve put a …
The post 5 Psychological Design Tricks to Make Your WordPress Site Get Noticed appeared first on Torque.

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.

Typography is all about delivering art and information in a beautiful medium. Designing typographic posters is no easy task, and arranging and modifying each individual component is a skilled task. Not only that, special care has to be taken when it comes to the legibility and aesthetics of the fonts being used in the poster, choosing a […]

WordPress 4.9.6 was released last week and was labeled a minor release. Minor releases trigger WordPress’ automatic update system. Shortly after its release, some users began questioning why their sites were not automatically updating to 4.9.6. I wondered the same thing after logging into a site I maintain and discovering (more…)

This weekend WordPress turns 15. Since it’s creation as a blogging platform, the CMS has grown to be able to power the largest enterprise digital experiences. Check out 15 WordPress milestones that made the CMS what it is today! To get the party going, we created a Spotify list using music from all of the …
The post Happy 15th Birthday, WordPress! appeared first on Torque.

Although Gutenberg is put together with React, the code we’re writing to make custom blocks isn’t. It certainly resembles a React component though, so I think it’s useful to have a little play to get familiar with this sort of approach. There’s been a lot of reading in this series so far, so let’s roll-up our sleeves and make something cool.

Article Series:

1. Series Introduction
2. What is Gutenberg, Anyway?
3. A Primer with create-guten-block
4. Modern JavaScript Syntax
5. React 101 (This

…

The post Learning Gutenberg: React 101 appeared first on CSS-Tricks.