[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
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
Font Awesome Isn’t Working: The Ultimate Reference For Fixing Your Icons
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 […]
Read Post
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
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
Make Internet Explorer Cross Browser Testing Less Painful With SCSS
We’ve all been there. We don’t want to do it, we don’t think we need to do it, but it’s necessary. Unfortunately, Internet Explorer (11) is a necessary evil for most business requirements. Certain businesses even require earlier versions than that. *shudder* Fair warning, this article is only keeping the most recent version(11) in mind. […]
Read Post
Git Amend: How To Edit Your Last Commit
Git’s amend command is so simple, yet so powerful. I personally use it multiple times a day and even have a bash alias for it. Why is amending so useful? The answer is simple: programmers make lots of mistakes. Mistakes are a part of the job. Git amend fixes mistakes as simple as a commit […]
Read Post
Getting Sassy: 3 Useful Ways To Use SASS Mixins
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 […]
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
Quick Tip: Use Bash Aliases To Save Time on The Command Line
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 […]
Read Post
My Work
Fixd Repair
Fixd Repair is a modern, performant responsive website utilizing Vue.js and a Vue framework called Nuxt.
Breathr.io - Meditation SPA
Breathr.io aims to encourage daily meditation as a habit. It's a single page app(SPA) built with React + Redux.
Portfolio - James Giannini
SCSS Framework
A minimal framework that contains common mixins, classes, and helpers that I use on almost every project.
20+ Page Custom WordPress Theme
Stay Driven is a custom responsive WordPress theme built with the sage.io starter theme. It features ACF flexible fields for easy page section reordering.