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

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

  • [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.

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

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

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

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

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

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

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

Featured Posts

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