Blog

News and information about web development


Getting Started With AMP (Accelerated Mobile Pages)

by

WHAT IS AMP? Accelerated Mobile Pages (AMP) is an Open Source framework used to create faster loading mobile web pages. AMP pages are built using AMP HTML, a subset of HTML. Although similar to regular HTML, AMP HTML has required markup, unique tags, and other restrictions that make it different than regular HTML. In addition,…


How To Create A Sitemap

by

What Is A Sitemap? Sitemaps are files that list the URLs that belong to your website. Their primary usage is to notify search engines about all of the web pages that you wish to have crawled and indexed on your website. Sitemap files are submitted to search engines so that they can crawl and discover…


Using RequireJS to Speed Up Your Website

by

RequireJS is a JavaScript module loader that can help you manage JavaScript dependencies and that can also effectively speed up your website. RequireJS speeds up your website by loading all of your JavaScript files asynchronously instead of synchronously, preventing them from render blocking your web pages. Render blocking files can significantly slow down your website…


Essential Tips to Speed Up Your Website

by

It’s becoming increasingly important that your web pages load fast. Ideally, a web page should load in 2-3 seconds or less. If your web pages aren’t quite that fast yet, we’ve come up with some tips that can help you speed up your website. Getting Started Do an Initial Test of your Website Speed Before…


HTTPS Migration Checklist

by

If you’ve decided to migrate your website to HTTPS, you’ve probably already realized that it isn’t necessarily a straightforward process. For many, it can be a daunting task with a lot of small details that have the potential to cause problems down the road. We’ve put together a list of steps to help you through…


What To Do When You Can’t Find An Off-The-Shelf Website Solution

by

You have a great website idea, but you don’t know how to implement it. You’ve searched on Google. You’ve asked your friends and coworkers. You’ve looked at website builders like Wix and Squarespace. You’ve checked out WordPress. Despite all of this, you can’t find anything that does exactly what you need it to do and…


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…


The Importance of a Mobile-Friendly Website

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.