CSS Grid Layout

For this article I am going to assume that you are already familiar with CSS, and that you are ready to add a powerful and relatively new tool to your armoury, CSS Grid Layout, more commonly known as Grid. As of March this year Grid has been supported by most of the major browsers, including […]

The Grid Within

Building on the previous article CSS Grid Layout, in this article we are going to look at grids within grids, or more correctly termed nested grids, to show you just how powerful CSS Grid Layout is. Take a look at the example below:- CSS .wrapper{ padding-top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; grid-auto-rows: […]

WooCommerce v Shopify

Okay so you have decided that you want an online store, but who do you choose for your eCommerce platform? Well two of the most popular eCommerce platforms in use today are wooCommerce and Shopify. WooCommerce Cost While WooCommerce is free, there are costs associated with it. You will need a WordPress website, meaning you […]

Bootstrap 4 Reference

This article is in fact a quick reference to Bootstrap 4. It covers most, if not all of the major components of Bootstrap 4, and borrows extensively from w3schools.com, where you can find many "Try it Yourself" examples, that are well worth a look. […]

How To Print A Modal Without Background Text

In this article we are going to discuss a simple way to print a modal dialog box, without printing the rest of the page in the background. Modals are streamlined, but flexible dialog prompts powered by JavaScript.[…]