Posts Tagged: Web Design - Page 5
Want to Receive Email Updates of New Articles About Web Design?
Join My Email NewsletterWebsite Templates for Industrial Manufacturers Added to the HubSpot Asset Marketplace – Video
Category: Press Releases
Jacob Lett of Bootstrap Creative designed a website theme for manufacturing businesses to promote their brand and products online using the HubSpot CMS. DETROIT (PRWEB)Â JANUARY 07, 2021 When strategic marketing consultant and website designer Jacob Lett entered HubSpot’s first-ever Themes Challenge hackathon, his vision was to design a website theme specifically to help manufacturers increase […]
What are the Best Image Size Dimensions for Responsive Web Design?
Category: Common Questions
When building image carousels, jumbotrons, or full background sections you will often need to properly size an image. Below are some recommendations based on the most common device screen sizes and if you are using parallax or fixed background images. Desktop (1920×1080) 2000px x 360px, 4000px x 720px (retina) Parallax (images need to be as […]
WooCommerce 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){ […]