Skip to main content
Fresh Article

Building a Blog with Next.js

In this article, we will use Next.js to build a static blog framework with the design and structure inspired by Jekyll. I’ve always been a big fan of how Jekyll makes it easier for beginners to setup a blog and at the same time also provides a great degree of control over every aspect of the blog for the advanced users.

With the introduction of Next.js in recent years, combined with the popularity of React, there is a new … Read article “Building a Blog with Next.js”

Sponsored Article

Frontity is React for WordPress

Some developers just prefer working in React. I don’t blame them really, because I like React too. Maybe that’s what they learned first. I’ve been using it long enough there is just some comfort to it. But mostly it is the strong component model that I like. There is just something nice about a codebase where things are constructed from components with clear jobs and responsibilities.

It’s not terribly common to see WordPress sites built with React though. The standard … Read article “Frontity is React for WordPress”

Link

A little bit of plain Javascript can do a lot

Article

How to Make a List Component with Emotion

I’ve been doing a bit of refactoring this week at Sentry and I noticed that we didn’t have a generic List component that we could use across projects and features. So, I started one, but here’s the rub: we style things at Sentry using Emotion, which I have only passing experience with and is described in the docs as…

[…] a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to

Read article “How to Make a List Component with Emotion”
Link

How to delete all node_modules directories from your computer

Article

Displaying the Current Step with CSS Counters

Say you have five buttons. Each button is a step. If you click on the fourth button, you’re on step 4 of 5, and you want to display that.

This kind of counting and displaying could be hard-coded, but that’s no fun. JavaScript could do this job as well. But CSS? Hmmmm. Can it? CSS has counters, so we can certainly count the number of buttons. But how do we calculate only up to a certain button? Turns out … Read article “Displaying the Current Step with CSS Counters”

Article

WooCommerce on CSS-Tricks

I always get all excited when I accomplish something, but I get extra excited when I get it done and think, “well, that was easy.” As much as I enjoy fiddling with technology, I enjoy reaping the benefit of well set-up technology even more. That’s why I still get so excited about WordPress — I feel so powerful being able to accomplish big things without a huge amount of time and effort.

I had that exact feeling this past month … Read article “WooCommerce on CSS-Tricks”

Link

Improving Chromium’s browser compatibility in 2020

Link

Bootstrap 5

Article

Building Serverless GraphQL API in Node with Express and Netlify

I’ve always wanted to build an API, but was scared away by just how complicated things looked. I’d read a lot of tutorials that start with “first, install this library and this library and this library” without explaining why that was important. I’m kind of a Luddite when it comes to these things.

Well, I recently rolled up my sleeves and got my hands dirty. I wanted to build and deploy a simple read-only API, and goshdarnit, I wasn’t … Read article “Building Serverless GraphQL API in Node with Express and Netlify”

Link

WordPress Contributors Seek Sponsorship for Improving Gutenberg Developer Docs

Keep browsing in the archives

Monthly Mixup

Article

Designing for Decoder Glasses, Print and Web

Article

How Would You Solve This Rendering Puzzle In React?

Article

Writing Animations That Bring Your Site to Life

Snippet

CSS Grid Starter Layouts

Monthly Sponsor
Thanks, Mailchimp!