Multi-line gradient hyperlinks
Posted 18th February 2021
No comments
Use cascading style sheets to create a gradient underline link that will span multiple lines.
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.
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.
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.
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.
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.
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.
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.
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.
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.