Posts Tagged: Web Development - Page 4
Want to Receive Email Updates of New Articles About Web Development?
Join My Email NewsletterReasons Why I Recommend Creating a Child Theme BEFORE You Start Building HubSpot Pages
Category: Articles
When you download a HubSpot theme from the HubSpot marketplace, it can be exciting to jump right in and start building pages. This is OK for testing, but when you are ready to actually build your final website, I highly recommend you create a child theme first. In this post, I will explain what a […]
How to Inspect Element on Chrome Developer Tools [Tutorial Video]
Category: Newsletter
How to Inspect Elements and CSS Test with Chrome Developer Tools for Beginners – Google Chrome DevTools Tutorial. This dev tools tutorial demonstrates the different ways to inspect and test CSS using Chrome’s DevTools. This is helpful when building responsive websites because you can get real-time feedback on a style change.Then once you are happy […]
How to Quickly Search for a Code Text String on Entire WordPress Website
Category: Code Snippets
I recently was trying to optimize my WordPress site performance and noticed a javascript error saying jQuery is not defined. Basically, there was a script that was loading before jQuery was loaded. I searched my entire theme but could not find the code. I then thought of searching all of my plugins for the code. […]
Looking for a Free Website Builder? A Review of HubSpot CMS Free Hosting Software
Category: Articles
Want to build your website visually using a drag and drop website builder? You should consider taking HubSpot CMS for a test-drive because it has a large amount of features specifically designed for lead generation and business management. Below is a summary of the content management system and the reasons why it is a professional […]
How to Build HubSpot Custom Modules Using HTML + HubL [video tutorial]
Category: Tutorials
Have you heard of HubSpot modules but are not sure what they are or how to use them in your pages? Have you wondered how to make a HubSpot custom module? This HubSpot CMS theme development tutorial will show you how to build HubSpot custom modules that you can use to experiment and test how […]
HubSpot HubL Code Snippet Collection – Filters, Functions, and Macros
Category: Code Snippets
Below is a list of my commonly used HubSpot CMS HubL filters, functions, and Macros. Email me if you have one you would like to add to this list. Create a slug from a text string I used this when I wanted to add a CSS class name to the li of a menu using […]
How to Create a Landing Page in HubSpot CMS Using a Blank Page
Category: Tutorials
Are you trying to create a landing page using a blank page in HubSpot? HubSpot’s drag and drop templates make it incredibly simple to create landing pages that generate leads or promote webinars. The user-friendly drag and drop editor allows you to easily add or update text and images within the landing page layout. What […]
How to Make CSS Style Customizations to HubSpot CMS Pages
Category: Articles
Are you creating a HubSpot landing page or website page but want to make a small design style adjustment? Sometimes you just have to dig in and get your hands dirty writing some code. But don’t worry it isn’t as bad as it looks. And if this is your first time, afterward you will think […]
How do you change the styling of a HubSpot pop up form?
Category: Articles
I recently tried adding a HubSpot popup form but I noticed I didn’t like the styles. It wasn’t exactly what I was looking for. The form admin does not provide extensive customization options, but if you are comfortable adding CSS styles you can adjust the popup to fit your needs. Below are the changes I […]
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 […]