CSS: Normalise vs Reset

We normally think about CSS in terms of the author style sheets (the CSS written inline in the HTML style tags, or placed in the head of the HTML or linked to the HTML document via an external CSS file). There is also a user agent style sheet applied first (this is the browsers own […]

HTML Syntax

HTML syntax from W3C: http://w3c.github.io/html/syntax.html HTML Meta Tags: Basic webpage should start like this: <!DOCTYPE html> <html lang=”en-GB”> <head> <meta charset=”utf-8″> <meta name=”author” content=”Michael Edwards”> <meta name=”description” content=”Put a description of the web page here.”> <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”> <link rel=”stylesheet” href=”./css/replace.css”>   <script src=”./js/replace.js”></script>      < <title>My test page</title> </head> <body> <p>This is […]

Lecture 2: Notes

The ‘web’ is not the same thing as the ‘Internet’! Here’s a page which credits the inventions and shows the timeline of technologies. In 1993 the Mosaic browser was the first graphical browser (following some text-based browsers like Lynx). Microsoft then introduced Internet Explorer and started on their journey to be hated by every web […]


The first time I ever used WordPress the ‘Add Post’ screen looked like a box to type HTML into. It has evolved to be a WYSIWYG editor in the meantime, but it appears that the evolution stopped a few years back and we haven’t seen an update to the visual editor for a long time. […]

Colours on the Web

There are a number of ways to express colour values in CSS. Hexcode In that beautiful way that the universe has of making simple building blocks into almost infinite complexity, the screen you are reading this on mixes three colours to generate all the colours you can see on the monitor. If you look closely […]

Multiple Canvas Objects (CE5)

I have taken a copy of Canvas Experiment 2 which grows and shrinks a circle and called it Canvas Experiment 5. Here is the full .js script of the growing and shrinking circle with annotation: //set a variable and use the querySelector method to target the canvas tag in the HTML var canvas = document.querySelector(‘canvas’); […]

Canvas Experiments 1-4

Here are my first experiments with canvas: Canvas Experiment 1 – Bouncing ball from Lis, 2017 tutorial. Canvas Experiment 2 – Modified bouncing ball, growing and shrinking. Canvas Experiment 3 – With randomisation of colour and size. Canvas Experiment 4 – Modified bouncing ball with audio. The canvas is a HTML element that I have […]

References on Every Page

Having created a central references page I need to place a link to the page on each page – this could be achieved by pasting a sentence and a link into each created page. This is a somewhat clunky solution and requires me to manually paste the information. So, how can I get a link […]

Initial ideas for the Learning Journal

The Learning Journal will be assessed on the quality of the following: CMS customisation Independent research Problem analysis and solution Reflection on learning Attribution and referencing My initial thoughts on the WordPress blog, after looking at the marking criteria for the assignment, are that I am considering constructing my own theme. This would cover the […]

WordPress Comments

I have enabled the comments (only for logged in users) and despite the fact that I don’t think this blog will attract much attention on the web, I have protected myself against some of the spam comments by using Askimet (spam plugin installed by default now) and by producing a blacklist that directs comments to […]