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 our last post, we learned about Laravel Blade and its capablities. That post only scratched the surface, blade can do so much more! In this post, we’ll dive into conditional statements and rendering. Every good templating engine has simple ways to conditionally show blocks of markup. Blade makes this very easy. If you’re used […]

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

Inline SVGs are a lesser known trick for performant assets. Using them in traditional static sites is problematic due to how verbose they are. Inline SVGs can be anywhere from a few lines of code to a hundred! Not the prettiest solution. That is why it’s much better to use a component based approach. Using […]

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.

If you develop custom WordPress themes, there’s no doubt ACF (pro) is in your toolbox. Simply put, it feels like a natural extension for developing custom themes. If you still haven’t picked up this tool, I’d recommend hopping over to their website and see what you’ve been missing. Out of the box, you get powerful […]

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

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

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

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