Posts Tagged: 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 […]

Continue Reading

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 […]

Continue Reading

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 […]

Continue Reading

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 […]

Continue Reading

Category: Articles

Your website is the front door to your business. Choosing the right content management system (CMS) is essential for your business growth. HubSpot CMS consists of tools that all work together to give control of all your web assets. Basically, it takes the pain out of managing your website. Instead, it helps you focus on […]

Continue Reading

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.

Continue Reading

Category: Articles

Are you looking where to hire a freelance HubSpot developer or a HubSpot website designer? Below is a list of the best freelance HubSpot experts I recommend. Hiring a HubSpot website developer is ideal for smaller projects where you need to hire a specialist for HubSpot design or development and don’t necessarily need an entire […]

Continue Reading

Category: Code Snippets

Below are some code snippets to help resolve accessibility errors found using the WAVE accessibility evaluation tool.

Continue Reading

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 […]

Continue Reading

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){ […]

Continue Reading