Removing jQuery from GOV.UK | CSS-Tricks

Removing jQuery from GOV.UK | Meta CSS

The GOV.UK team recently published “How and why we removed jQuery from GOV.UK“. This was an insightful look at how an organization can assess its tooling and whether something is still the best tool for the job. This is not a nudge to strip libraries out of your current project […]

CSS Grid and Custom Shapes, Part 2 | CSS-Tricks

CSS Grid and Custom Shapes, Part 2 | Meta CSS

Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes. Here’s just one of the fantastic grids we made together: CodePen Embed Fallback Ready for the second round? We are still working […]

Not Sure How to WordPress Anymore? | CSS-Tricks

Not Sure How to WordPress Anymore? | Meta CSS

Neither do I! And that’s probably because there’s a lot happening in WordPress-land. The evolution towards full-site editing (FSE) introduces frequent changes to the way we build themes and plugins, and at such break-neck speed that the documentation itself is either non-existent or nearly stale upon being published. Heck, the […]

Using Grid Named Areas to Visualize (and Reference) Your Layout | CSS-Tricks

Using Grid Named Areas to Visualize (and Reference) Your Layout | Meta CSS

Whenever we build simple or complex layouts using CSS Grid, we’re usually positioning items with line numbers. Grid layouts contain grid lines that are automatically indexed with positive and negative line numbers (that is unless we explicitly name them). Positioning items with line numbers is a fine way to lay […]

Learn web development as an absolute beginner (2021)

Learn web development as an absolute beginner (2021)

Want to learn web development as a beginner, but not sure where to start? It’s hard to know the best way to learn coding, because there are a ton of resources out there. But right now, all you need is the basics of web development– a general explanation with some […]

Error showing: The resource was blocked due to MIME type mismatch

How to fix CSS background-image not working | HTML/CSS

Working with background images in CSS can be tricky. Because even if you set it in the code, there are other factors that may prevent the background-image from showing up on the page. To help with that, here are four ways to fix your background-image not working, using HTML and […]

Quick setup for Gulp 4 + Browsersync + Sass

Quick setup for Gulp 4 + Browsersync + Sass

In this tutorial, I’ll walk you through how to set up Browsersync with Gulp in a basic front-end workflow. We’ll be working with HTML, Sass and JavaScript files, and create this fancy shmancy website! 😄 Browsersync is a powerful tool that enables you to test your website in real time. It […]

How to install Gulp globally on Windows

How to fix “Local gulp not found” error message

Published: October 19, 2020 When trying to run Gulp on the command line, are you getting an error saying Local gulp not found? Even if you have installed Gulp globally, you need to install Gulp locally in the individual project directory where you want to use Gulp. You can install Gulp in your […]

How to install Gulp globally on Windows

How to install Gulp globally on Windows

Here is a quick guide on how to install Gulp globally on Windows systems. (Much of these instructions will be the same for Macs, but may have slightly different syntax.) Download and install Node and npm First, you need to have Node and npm (Node Package Manager) installed on your computer. […]