Looking for my portfolio?

Click below to see my testimonials, case studies, and projects

Interested in learning front-end development?

I make tutorials on learning custom WordPress development, front-end development, and various frameworks and tools such as SCSS, Cypress, and Vue.js.

Learn WordPress Development. Learn Front End Development

Looking for a place to expand your custom WordPress skills? Want to learn front end development deeper?

I started this website as a place to share my portfolio and projects, but slowly started documenting solutions to problems I ran into while doing professional development. As I grow, I hope to help other developers fill in their gaps of knowledge, learn difficult concepts fully, and learn technologies that will boost their career.

There are lots of developers out there, but the ones who seek to improve and learn ultimately end up at the top.

I mainly teach custom WordPress development, Sage.io WordPress stack, Laravel Blade Templating, JavaScript(ES6), and CSS/SCSS.

Ready to dive in? Explore some categories or check some blog posts below!

More Blog Posts

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

  • Let’s Learn Laravel Blade: Getting Started

    If you’re into PHP development, chances are, you’ve messed with or heard of Laravel. To keep it simple, Laravel is a fantastic PHP framework for making all kinds of web apps. As of this writing, Laravel has been around for 9 years and is still massively popular. It’s not going away anytime soon! Laravel uses […]

  • Git Good: Using Cherry-Pick to “Move” Commits

    It’s no secret that Git is an essential tool for all kinds of software. Git isn’t terribly hard to pick up, yet has a complex learning curve. The neat thing about the learning curve is the little tricks just waiting to be picked up. Today, I will be going over something that can be massively […]

  • Linux | How To Easily Compress a Video With ffmpeg

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

  • Let’s Learn SASS & SCSS: Variables and Nesting (Part 3)

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

  • Let’s Learn Laravel Blade: Components (Part 4)

    In the last posts, we learned about layouts and partials, but Laravel provides even more functionality. You may ask: why use a component when you can just use partials? In Laravel, components are packed with additional functionality. Components give you separation of concerns, letting you outsource PHP logic to a method outside of your blade […]

  • WordPress: How To Create a Custom Admin Button with ACF

    There comes a time in a WordPress theme’s life where custom PHP is needed. This can be a packaged plugin that’s used across multiple client sites, or a single theme. There are several ways to approach a custom admin button. A common approach is invoking a JavaScript function on click, then using AJAX to send […]

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

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

Featured Posts

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

  • Testing File Uploads With Cypress.io

    Cypress is an end-to-end testing framework designed to provide coverage for front-end UIs. Learning how to automate tests has its learning curve, but the benefits grow with your application’s complexity. I was tasked to test a process that involves uploading multiple types of files. In particular, application/pdf and image/* mime-type files. Doing this with Cypress […]

  • Advancing Your WordPress Workflow: Managing ACF Field Groups The Right Way

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

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

Want to check out some code demos?

Check out code samples written in JavaScript, React, Node, and more

Demo 1
Defining Reusable Column Extends with SCSS

Quick Note: The atSmall type mixins are just basic media queries. Since these kinds of layouts are common, they also need to be overwritable if I want to change the spacing. Generally, the ‘default’ spacing is defined in the extend/mixins. Example Use Cases To get the layout working, you only need a container class and […]

Demo 2
Discord Bot: Reddit API Ask Feature

The Purpose Some Discord bots have a feature where you can “chat” with the bot(i.e: Cleverbot integrations). I decided to take a spin on this concept and utilize the Reddit API to answer common questions. A user from the server asks a question using the b!ask command, then the bot gives a random answer from […]

Demo 3
React.js Modal Using The Hooks API

Modals are a classic piece of application functionality, made even easier with libraries like React. You could go with a library, but you can often make your own with less than 100 lines of code. Using the hooks API, you don’t even need a class based approach. This example is going full functional! Defining The […]