From CSS to frameworks and design mockups to code, these are posts that span the gamut of Kelly’s day-to-day work as a web designer and developer, including SquareSpace, WordPress, Statamic, Shopify, and other platforms.
Have you ever noticed in your browser window that there's an unintended horizontal scroll bar, or maybe on your iPhone, that there's an unexpected horizontal dark line that shows up when you touch the screen? Well, that means your content is wider than the viewport, and there are easy ways to fix this.
Explore coding solutions for displaying the first word in a form field or variable by using PHP explode or a Regex Replace alternative in your Statamic CMS websites.
Creating image thumbnails on a website used to be a manual PhotoShop process, but now there are many ways to do this right in the code! Learn how to write custom CSS or use classes from Tailwind or Bootstrap.
Sometimes for one reason or another, you're unable to update your current WordPress release. This can cause your site's Widget area to stop being displayed with the WordPress admin panel. In fact, your Widget page may display as a white, blank page. If this is your situation, then I have a solution for you.
The popular ecommerce plugin for WordPress, Woocommerce, creates four default pages on your site. I recently needed to know these URLs in order to block Google Ads from being served on my Woocommerce shop pages. It took a few minutes to figure out what pages I needed to add to the Google Ad Exclude list, so I created this list to help someone else in the same situation. To note, I also excluded...
If you've registered your website with Google Search Console, then periodically you may receive emails notifying you when Mobile Usability issues have been detected. A notification may look similar to the screenshot below. They often highlight common errors such as "Text too small to read," "Clickable elements too close together," or "Content wider than screen."
Inserting a script or piece of code, known as a WordPress code snippet, into the header or footer of your website is a very common request. Here's how to do it.
Learn how to install and use GoFullPage in Google Chrome to take full-page screen shots of webpages.
If you're looking for how to use "x-if" and "x-if not" syntax in Alpine.js, then here's the post for you.
Statamic V3 Pro can automate version control workflow with Git. This PRO feature is amazing!