Category: Front-End Development


Using Beaver Builder to Create Medium-Like Layouts in WordPress

medium layouts wordpress layout builder beaver builder

Beaver Builder is one of my all-time favorite additions to the WordPress ecosystem (see our full Beaver Builder review here, or our full review of all WordPress page builders). It’s the first drag-and-drop WordPress layout builder I can really recommend, and use without resentment on my own clients’ sites. Given how helpful a good WordPress layout builder is, that feels a bit like saying it’s the first working teleporter—a big deal.


Preventing a WordPress XSS Attack: Complete Guide to Validating, Sanitizing, and Escaping Data

sanitization kit against xss attack

When it comes to making your WordPress site secure as a developer, probably the most impactful thing you can do is make sure you always clean up data they get from users. That means, generally, two things, validating or sanitizing it on the way into your system, and escaping it on the way out, reducing the chance of a WordPress XSS attack.


Lazy Loading for Faster WordPress: Slow and Lazy Wins the Race

lazy dog lazy loading for wordpress

David wrote a really good article on WordPress site speed a few weeks ago. He also, casually, made WPShout a lot faster—up to an 89% desktop score on PageSpeed Insights, which is about as high as I’ve ever seen a WordPress site score.



Local WordPress Development: A Rundown of the Options

Local WordPress development in a sever room

One of the first and easiest “tests” that distinguishes established WordPress developers from those who are still getting into it is whether or not they’re using a remote server for development. You can build lots of WordPress sites before you need to have an alternate, personal place to experiment with theme and plugin code. But eventually everyone tries local development, and then they rarely go back to remote-only.


How to Conditionally Enqueue a JavaScript File in WordPress

Enqueuing is the WordPress way to add a stylesheet or JavaScript file on a page. We already published a Quick Guide about including your JavaScript in WordPress. This time, though, we’re adding an extra wrinkle: how do you only enqueue a JavaScript file on certain pages of your WordPress site. That’s the focus of this here Quick Guide.


Powerfully Editable WordPress Widgets with the TinyMCE Widget

Widgets are a powerful and useful part of the WordPress administration experience. But by default WordPress doesn’t allow you to make them with the TinyMCE/Visual editing experience that you’re able to use when writing WordPress posts, pages, etc. This is fine for those of us that speak HTML, but if you’ve got a client who doesn’t just figuring out how they can bold or italicize a few words in a widget area can be a lot to ask.



Easy Social Sharing with AddToAny

The importance of social media to marketing success on the internet today is hard to understate. It basically is the avenue of marketing success on the internet. I’d add that social share buttons are hardly a solution to finding marketing success on the social media, but helping your audience share you content does markedly make them more likely to do so. (For real success you need more difficult things like engagement with and from your followers, etc.)