Skip to content

Dear Internet Explorer user: Your browser is no longer supported

Please switch to a modern browser such as Microsoft Edge, Mozilla Firefox or Google Chrome to view this website's content.

CSS3 logo

Styling the colour of <pre><code> horizonal scrollbars

Posted 4th December 2020

No comments

Despite the absence of a proper scrollbar colouring standard in Cascading Style Sheets (CSS), there is a way to colour the horizontal scrollbar in a <pre><code> block that will work in Edge, Safari, Firefox and Chrome.

Read the full story...

Photograph of a plain-text editor showing computer code

Rebuilding my website: 2020

Posted 25th November 2020

No comments

It’s been seven years since I last re-designed my personal website. Here is a look at the technologies that I used to build my new website.

Read the full story...

Combining Open Graph meta tags with valid HTML5

Posted 27th June 2014

4 comments

Maintain a valid HTML5 website whilst using Facebook’s Open Graph meta tags on your static page or WordPress blog.

Read the full story...

CSS logo

Fix a DIV to the top of a page with CSS

Posted 7th February 2014

No comments

Use pure CSS to position a DIV at the top of a web page so that when users scroll down, the DIV will remain visible at the top.

Read the full story...

Responsive images made easy

Posted 17th January 2014

3 comments

In this era of ‘Responsive Web Design’ where websites need to function well on smartphones and tablets as well as desktop computers, finding a solution for a website’s images can be tricky.

Read the full story...

Blog post thumnail

Create a clickable corner ribbon for your website

Posted 22nd January 2012

3 comments

Using CSS and simple HTML, easily create a promotional “ribbon” in the corner of your website that will link to another page.

Read the full story...

Blog post thumnail

Safely add any font to your website using CSS

Posted 10th January 2012

6 comments

Using @font-face in CSS3, you can easily add any font to your website and be certain that all of your users will see your custom font.

Read the full story...

Blog post thumnail

Use CSS to make a browser’s vertical scrollbar always appear

Posted 2nd January 2012

No comments

Use a simple piece of CSS to force a scroll bar to appear on all pages within a website.

Read the full story...

Blog post thumnail

Valid Twitter, Google +1 and Facebook “Like” buttons for HTML5 and XHTML 1.0

Posted 4th August 2011

19 comments

Create Twitter “Tweet”, Google “+1” and Facebook “Like” buttons with counters that validate as HTML5 and XHTML 1.0 Transitional or Strict.

Read the full story...