Starting simple CSS
The CAT curriculum, unfortunately, teaches a very old version of HTML. Modern web development has moved on dramatically. In this post, I explain through a number of steps how to…
CSS’s clear attribute
It is often the case that as you progress from the most basic web development skills, it appears that the solution to one problem often creates a new problem. Such…
HTML “drop cap” using CSS
The drop cap effect can be used to great effect to create a more traditional, book-like effect on a web page. Open up the Codepen and fiddle with the pixel…
Columns in HTML using CSS
A quick and easy method of adding columns to your HTML page using CSS to create a newspaper column layout. I have applied the CSS to an <article> element (an…
CSS selectors – the basics
In the post Starting simple CSS I left off with a basic CSS rule. Your formatting requirements will quickly require you to add to your CSS skills to achieve your…
Create a custom bullet using CSS
HTML offers a small list of bullet options for unordered lists. Read up on lists in the post HTML lists. If you are looking to create a list with custom…
Expressing colors in CSS
This article is a follow up to Expressing colors in HTML and is part of a series of posts aiming at helping learners transition from HTML to HTML and CSS.…
HTML lists styled as menus using CSS
Website menus are essentially lists of links and are therefore often coded as HTML lists and then styled using CSS to look the way they do. This is semantically correct…
Creating a fixed footer with CSS
A web page often contains too little content to fill the vertical height of the browser portal. This means that any attempt at a footer section looks silly as the…
Zebra-striping table using CSS3
I love that CSS3 allows zebra-striping of tables using the nth-child() selector. Achieving this in plain HTML is a messy manual process that must be repeated should the contents /…