Category: Front-End Development
How to Reach 100 in Google PageSpeed Insights (on WordPress)

Wouldn’t it be great if there was a tool to help you make your website faster? Well, there is! Google PageSpeed Insights is the name, and it’s a free service that’s on hand to solve your slow website woes. In this article we’ll look at what it is, how it works, and how you can reach the elusive Google PageSpeed Insights 100 / 100 score in WordPress.
Learn WordPress Development: The Basic Course

WordPress development is a hugely useful skill, but it’s also tricky to learn—especially if you learn things out-of-order and try to tackle advanced topics while remaining confused on the fundamentals.
Understanding The Loop: WordPress’s Way of Showing Posts

This article introduces one of the most important topics in WordPress development: the WordPress loop, or more commonly simply “the loop.” If you’re interested in under more of the key concepts of developing WordPress themes, check out our free course on getting started with WordPress themes.
Where to Add Custom CSS in WordPress

There will be times when you are working on a WordPress site when you want to add custom CSS.
How to Create a WordPress Theme from Scratch

When it’s time to choose a WordPress theme for your website, you have tons of options. Perhaps the most powerful is to forego the readymade themes on the market and build your own. Building your own theme puts you in complete control when it comes to looks and functionality. It can take your project up to that next level. That’s why today, we’re going to show you how to create a WordPress theme from scratch.
Understanding is_singular() in WordPress Templates

This text and video Quick Guide explains how to use is_singular(), one of the more useful WordPress template tags. We also explain the difference between the is_singular() conditional tag, and the two other related ones: is_page() and is_single().
Using the CSS3 vh (viewport-height) Unit

I’ve recently fallen in love with the CSS3 vh property. (vh stands for “viewport-height.”) It lets you make things a certain percentage of the height of your browser window itself—whether that “viewport” is a tablet screen, a phone screen (in portrait or landscape), a laptop, a desktop, a smart fridge(?), or what have you.
How to Include JavaScript Files on Your WordPress Site with wp_enqueue_script()

Want to know how to include a JavaScript file onto your WordPress site? In this Quick Quide we use an awesome WordPress function called wp_enqueue_script() that is the correct way to include JavaScript files in WordPress. Whether your JavaScript files are for Vue, React, JQuery, or something else, this is how you include JavaScript files in WordPress pages.
WordPress’s Astra Theme: Our Honest Review

You can find our in-depth Astra theme review below, but if you’re looking for a TL;DR version, here it is:
How to Undo Changes in Beaver Builder

If you’re not clear how to undo changes in Beaver Builder, it can be difficult to know how to walk back a change you’ve made—specifically, how to undo Beaver Builder layout changes, for which normal “Ctrl+Z/Cmd+Z” undoing within Beaver Builder itself simply won’t work.