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

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

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

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.

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

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

There are 3 posts before this article, checking them out might provide additional context for this article. You can check out part 1(getting up and running), part 2(setting up a build), and part 3(variables and nesting). Now that we’ve covered all of the SASS basics, it’s time to dive into the more advanced features! There […]

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

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

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