Blog

News and information about web development


Using Flexbox To Fill The Remaining Space In An Element

by

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

by

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

by

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

by

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

by

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

by

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

by

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 Schema.org

by

Schema.org 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

by

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

by

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….