If you found this page, then most likely you’re updating or restarting Visual Studio Code (referred to as VS Code) and you got this error message…
If an element like a image is wrapped by a container that has a limited width, how do you make the inner element expand outside the bounds of its container to stretch full-width of the browser window?
Well, thanks to the power of modern CSS, we can use calc() and vw solve this problem wonderfully! Here’s how to do it. Continue reading CSS to Force Element Full-Width When Inside a Max-Width Container
If you’ve spent any time with the WordPress trying to make your website look beautiful, you know how hard it can be!
The truth is, the old core of the WordPress content management system (the classic editor) was outdated. It was really more like a word processor for the web. That is precisely the reason why Automattic (the company behind WordPress) has been pouring their efforts into their next gen editor, Gutenberg, which is now the default editor in WordPress.
While Gutenberg can be done right, for the average WordPress site admin, it can still be very cumbersome to design an smooth, elegant website.
Fortunately, there are a plethora of visual page builder plugins available for WordPress. Continue reading The Best WordPress Drag & Drop Visual Page Builders
Are you using the Block Lab WordPress plugin, but need the Wide and Full align buttons on your custom Gutenberg blocks? These code snippets will add this missing feature.
When you first started using VS Code you may have dismissed that little notification in the corner that asked if you wanted to switch your integrated terminal.
In my case, running on Windows, the default terminal was set to Command Prompt (cmd.exe) which is just plain inferior to Git Bash which you probably already have installed if you have installed Git (which you should).
So, if you missed that notification that let you change it, how do you change it later?
In my WordPress developer career, I’ve been asked many times about the best practices for safely updating WordPress core, plugins, and themes, especially when it comes to a site that can’t afford to have any downtime.
There are several update strategies to consider. I’ll go over them here. It’s really all up to the client’s risk tolerance vs. their willingness to pay for extra maintenance work.
But, with my WordPress update strategies, you should be able to perform updates the safe way without too much extra effort.
The WordPress ecosystem of tools is huge! That’s one of the biggest reasons most people go with WordPress.
But, do you find yourself feeling lost at sea with too many options to choose from?
In this post, I’m bringing together some of my favorite tools and resource that complement my WordPress websites (and would help yours too).
Looking to get rid of the annoying and horribly unprofessional “related videos” end screen on your professional YouTube video embeds on your WordPress website?
I’ve put together the perfect simple solution in the form of a small code snippet that you can drop into your theme’s functions.php file.
I’ve heard it over and over… “Too many plugins will slow down your website.” I’ve heard it in conference presentations, networking events, podcasts, blogs, YouTube videos, and even my old boss. But, is it really true?
I’m a professional WordPress developer and have written several of my own plugins, so I have something to add to the conversation.
Honestly, it really bugs me when people ignorantly demonize plugins as the culprit of all their WordPress website problems… as if the number of plugins is slowing down their website.
In this article, let’s look at the facts around the topic of WordPress plugins slowing down your website.
Are you working with a native AMP website or a website with AMP pages, but you need to integrate the Facebook Pixel? To top it all off, you’re also using Google Tag Manager (because it’s awesome). How to go about this?
Well, I’m here to help. While this implementation is not documented very well, it’s actually very simple!