Website development and design blog, tutorials and inspiration

HTML/CSS

My Web Design Tutorials contains resources to help you get started in web design and useful tips for designing an effective, high-quality website. The tutorials cover technical coding as well as graphic design, colour theory, typography and performance.

 

CSS3 Message Notification Bars Reloaded
9th December 2015HTML/CSS
A while back I published a post detailing a simple but effective CSS2 notification messages. This was a successful post but needed updating, so here is an updated collection of CSS3 notification message styles.
100 CSS3 Pagination Styles
15th November 2015HTML/CSS
Website pagination is a crucial aspect to any layout with repeating content allowing content to be split across multiple pages. These styles are able to be copied and pasted into your designs.
18 Great CSS3 Text Effects
8th May 2014HTML/CSS
Here is a collection of 18 great CSS3 text effects to brighten up your typography
Minimal Responsive Mobile First CSS Skeleton
20th February 2013HTML/CSS
A minimal, no-nonsense, responsive, mobile first CSS3 skeleton which demonstrates media queries for varying screen sizes. No frameworks, no JavaScript just the absolute bare bones.
XML Transformation and Stylesheets (XSL)
26th October 2011HTML/CSS
XML is a machine-readable format similar to HTML. Stylesheets can be used to transform this data into human readable or pretty print versions for use on the web, documents or print.
HTML Character Codes - ASCII Entity and Unicode Symbols
24th May 2011HTML/CSS
This is possibly one of the most comprehensive HTML Entity Codes and ASCII charts on the web, featuring ASCII codes, HTML symbol entities, Unicode/ISO numbers, dingbats and extended ASCII character codes. This ASCII chart is especially helpful in obtaining W3C XHTML validation due to errors caused by invalid characters.
Web Color Chart - Hexadecimal
5th October 2010HTML/CSS
A web colour chart of nearly 300 rainbow colours to provide inspiration to your web designs.
Adding Pins, Points and Routes to Google Maps API
26th April 2010HTML/CSS
In this article I'm going to look at how you can add pins, waypoints and routes to Google Maps embedded in your website. I'm going to expand on the examples from the previous article so if you haven't seen that one, head over to part one on the list below.