News and information about web development

Using Flexbox To Fill The Remaining Space In An Element


Using a Flexbox layout is a great way to fill the available space in an element. For example, say you have a thumbnail and a description that you want to have fill up all of the available horizontal space. The thumbnail will be aligned to the left and will take up a width of 120…

Center An HTML Element Using CSS


There are two approaches that we commonly use to center an element. The first approach uses the CSS margin property. The second approach uses absolute positioning and the CSS transform property. Using margin To Center An Element In this approach, we center the element by using auto to set the left and right margins. Note…

How To Change An Image On Hover


A common request in our website development projects is to have an image change when the mouse hovers over it. For example, we might want to have this image: look like this when the mouse hovers over it: Our preferred method to do this is to use CSS to: Set an image as the background…

What To Do If Your Website Doesn’t Look Good On Mobile Devices


Have you ever used your mobile device and visited a website that 1) looks really tiny or 2) loads really slow? With the growing popularity of mobile devices, that’s not a great first impression.

Let’s Encrypt Is Our New Favorite SSL Certificate Authority


Setting up an SSL certificate for your website can be both a technical challenge and an ongoing investment. In most cases, you don’t have the technical knowledge to handle it on your own.

Using Bootstrap With WordPress


We build a lot of WordPress websites. Consequently, we like to use Bootstrap as part of our custom theme development to add mobile and responsive functionality. To add Bootstrap to our WordPress header, we use WordPress’ wp_enqueue_scripts function to load the necessary Bootstrap CSS and JavaScript files: function bootstrap_enqueue_style() { // first enqueue the bootstrap…

An Introduction to Bootstrap


We regularly use Bootstrap as part of the projects that we work on together with our clients. We like the ease of use and the powerful library that allows us to quickly incorporate mobile and responsive features into the websites that we are working on. Getting started with Bootstrap is easy. Here is a starter…

Getting Started With

by is a markup schema for structured data that is used to classify the content on web pages to help search engines provide more relevant search results. By incorporating this markup schema into your web pages, you can help search engines to better understand your content and consequently have your web pages appear more prominently…

HTTP To HTTPS Migration Checklist


It can be a daunting task to move your current http website to https. We put together this list to help you through the process. We highly recommend that you set up a development/test version of your website where you can complete these steps before making them live. PRE-MIGRATION Make a backup copy of your…

Why You Need HTTPS


As websites have evolved over the past 20 years, our expectations of what a website should be have also changed. For example, with the growing popularity of mobile devices, it is now essentially a requirement that websites look good regardless of what type of device or browser that a person is using to view it….