More Posts
Learning Programming Fundamentals the FUN Way, In Any Language
What timeless advice welcomes fresh programmers? Yes, you guessed it. Fundamentals. Learn how to code in pure JavaScript before learning a framework like Vue.js. Whatever your stack may be, the advice remains rock solid. Learn fundamentals first before diving into the exciting, fancy world of web frameworks. There’s just one problem with this advice, especially […]
Read Post
Let’s Learn SASS & SCSS: Setting Up The Build (Part 2)
If you’re here, you’ve probably already gone through part 1 of the series. In that post, we covered why SASS is so great and the basics of what it does. This post will be all about getting set up with a basic build process so we can actually start using it on projects. Unfortunately, SCSS […]
Read Post
Easy Inline SVGs With Sage 9/Blade Templates
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 […]
Read Post
Let’s Learn SASS & SCSS: Getting Up And Running (Part 1)
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, […]
Read Post
How To Interact With Iframes Using Cypress.io
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 […]
Read Post
CSS Tip: Using a Nested Link to Fill an Entire Div
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 […]
Read Post
Quick Tip: Creating Custom Post Types without A Plugin in WordPress
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 […]
Read Post
Let’s Learn SASS & SCSS: Diving Deeper into Mixins & Extends(Part 5)
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 […]
Read Post
[Tutorial] Implement Parenthesis Multiplication Using JavaScript & Regex
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.
Read Post
Make Your CSS Life Easier, Learn To Abstract Media Queries With SASS Mixins
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, […]