For years now, SASS has given CSS the functionalities that native CSS wish it could. These includes variables, selector nesting, mixins, extends, and much more. One simple but very powerful thing SASS gives you is the ability to outsource a similar set of style rules into a reusable “function”. This lets you centralize style logic […]

Font Awesome is rampant in modern web design, and that’s a bit of an understatement. It’s a simple way to add professionally designed icons to spice up your web pages. It’s free, simple to use, and actively maintained by a team of professionals. What’s not to like? The setup is simple: you add a reference […]

As a developer, a fair portion of your time is spent on the command line. Certain command are used religiously, so why not save a keystroke or ten? Let’s take a common unix need: updating your packages. When you update, you use something like this: sudo apt update && sudo apt dist-upgrade Wouldn’t it be […]

If you’ve been in web development long enough, you’ve probably heard of SASS/SCSS. That’s no surprise, considering it has been around for so long(over 10 years), and it’s included in many popular build systems. Webpack builds such as create-react-app and Vue CLI templates come with easy SASS support. If you’re using your own build system, […]

If you’re reading this post, there’s a chance you’ve already stumbled upon part 1(getting started) and part 2(setting up a build). If you haven’t, checking them out gives this post additional context! Now that we’re starting to learn SASS, it’s natural to dive into the functionality that’s easiest to implement out of the gate. Don’t […]

Defining bash aliases has always been a neat little trick for saving time on the command line. When learning about aliases, a few ideas may immediately jump out. There are also some you may not have thought about. I hope to uncover at least one of those. In this post, I’ll list 5 of my […]

There are four posts before this one. You can check out part 1(getting up and running, part 2(setting up the build), part 3(nesting and variables), part 4(diving into mixins and extends). Mixins and extends are cool, right? In our last article, we dived into the basics of both and have a good idea of what […]

If you’re creating a custom theme with even a little bit of complexity, chances are, you need some kind of custom post type. There are a few ways to approach it, some involving plugins. The CPT UI plugin is great for managing more complex post types with an intuitive interface. Though, like anything else in […]

Digging into the trenches of responsive design can be surprisingly daunting, especially if you’re new to this kind of thing. The amount of shiny front-end build tools seem overwhelming at first, but they are ultimately here to help you. In this post, we’re looking at a shiny build tool called SASS. It’s actually not that shiny, […]

Cypress.io is great for testing the front end of your app’s UI, but at the time of this post, it lacks a few fundamental features. One important feature is handling file uploads natively, but there is a workaround for that. Another popular use case I came across is testing and interacting with iframes. Testing iframes […]