Hyperlinks are a big part of every webpage, even if they’re not completely apparent. Typically you’d only have text or maybe wrap a <button> element with a link. Sometimes, a design called for an entire <div> (or any other sectional element) to be a clickable link. A typical example is an entire block with some […]

When learning a new programming language, a calculator is a great way to flex your ability. Going the extra mile and tacking on extra features proves to be an even more valuable experience. In this article, I will show you how to implement a neat feature: the ability to multiply without an * operator.

There are 3 posts before this article, checking them out might provide additional context for this article. You can check out part 1(getting up and running), part 2(setting up a build), and part 3(variables and nesting). Now that we’ve covered all of the SASS basics, it’s time to dive into the more advanced features! There […]

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 […]

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 […]

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 […]

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 […]

Every here and there, you may come across a use case where it’s necessary to reduce a video file by 50-80% without any noticeable loss of quality. Often times it’s for front-end performance reasons, but can also come in handy if a server has an upload limit(50MB on a typical WordPress site for example). There […]

In the last post, we saw how easy it is to conditionally display markup and use inline logic in blade templates. Conditionals are a very useful tool and you will probably use them often. In this post, we will explore how to reduce repetitive code and help adhere to DRY(don’t repeat yourself) principals. What’s one […]

Every web developer has come across CSS at one point or another. For most, it’s a necessary evil that’s easy to learn, but difficult to master. After some time, you start to get the hang of it and maybe even pick up something like SASS and/or flexbox. One thing you may not realize: your code […]