Posts Tagged: Web Design - Page 5
Want to Receive Email Updates of New Articles About Web Design?
Join My Email NewsletterWooCommerce Product Category and Terms Select Filters [code snippet]
Category: Code Snippets
The code below will help you add a form select filter for Woocommerce online shop on WordPress. <?php $categories = get_terms( [‘taxonomy’ => ‘product_cat’, ‘hide_empty’ => true] ); ?> <div class=”product-categories”> <h3>Categories</h3> <select class=”form-control shop-filter” onchange=”location = this.value;”> <option selected value=”/shop/”>All</option> <?php foreach ( $categories as $category ) { ?> <option value=”<?php echo get_term_link( $category->term_id […]
Scale Up and Crop an Image WordPress [code snippet]
Category: Code Snippets
In WordPress you may need to increase the size of all thumbnails but WordPress does not res up the images to prevent distortion. Using the method outlined in this example you can use object-fit to make undersized images fit your desired aspect ratio. .img-crop__polyfill image is sized to the desired dimensions. This will help keep […]
HubSpot Themes vs Templates – What is the Difference?
Category: Common Questions
Previously it was possible to download HubSpot template packs from the HubSpot marketplace. These were a collection of landing page, website page, blog, and email templates. The downside of these packs is they did not share any unified settings and they were not very portable between accounts. Now a group of templates, custom modules, and […]
Throttle or Delay JavaScript Functions When Window is Resized [code snippet]
Category: Code Snippets
Underscore.js has a popular method for throttling and debouncing functions to prevent them from firing multiple times when a window is resized. I found this delay function that works for times when you don’t need to load the entire underscore library to achieve a similar effect.
8+ Best HubSpot CMS Developers & Web Designers USA (2026)
Category: Articles
Are you looking to hire a freelance HubSpot website developer or a dedicated HubSpot website designer? Finding the right expert can transform your marketing operations. Below is a curated directory of the best independent HubSpot designers and developers in the USA and Canada. Hiring an independent HubSpot web developer is ideal for mid-sized or smaller […]
Web Accessibility Evaluation Tool Code Snippets
Category: Code Snippets
Below are some code snippets to help resolve accessibility errors found using the WAVE accessibility evaluation tool.
25+ Questions to Ask When Redesigning Your Business Website
Category: Common Questions
A website created by a page builder service like Godaddy, Wix, WordPress, or Squarespace are a dime a dozen. But a lead-generating website is a rare jewel. Strategically built websites help you generate new business and communicate your brand story. Below is a list of common questions to ask before redesigning your business website. List […]
How to Fire a jQuery Function When the Page is Loaded and Resized
Category: Code Snippets
When building responsive websites you often want to run a script when the page loads. But when you resize the window the layout breaks. You can use the on method to run your code if the page loads or has been resized. // run on page load and when the window is resized $(window).on(“load resize”,function(e){ […]
How to Visually See What Your jQuery Selection is Selecting
Category: Code Snippets / Tutorials
I was recently working on form validation and wanted to mark a.form-group as successful if it contained a particular icon inside the label. The icon was set using PHP depending if the data existed in the database. I was writing .prev() and .parent() to try and select the wrapping .form-group but it wasn’t working and […]
How to Create a List of Urls and Meta Titles from a Domain
Category: Tutorials
I was working on a site migration and I needed to create an excel spreadsheet of all of the urls, page titles, and meta description. This document would then be shared with the copywriters to work on editing the page copy. I found some nice online tools to make this process easy. Step 1: Generate […]