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.
Social integration of for any project is must and so are social icons, colours and links. We've created a social media colours palette for all the popular social networks so you don't need to visit each of them.
CSS3 introduced media queries into the web development world. Media queries are the foundation for responsive design. They let you create layouts specific for screen sizes such as tablets and smartphones. This article provides you with a brief overview of media queries with the basic syntax for common screen sizes.
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.
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.
Responsive web design is more important than ever before. With the use of smartphones and tablets exploding, it has never been more critical for websites to look just as good on small screens as they do on large ones. This article provides some tips you can use to make your web design more responsive to the needs of mobile users.
You can use this CSS3 Box Shadow Generator tool to set the drop shadow style on a box element. Set the values, watch the sample update in real time, then copy the generated CSS3 box-shadow code into your website.
Here is a collection of 18 great CSS3 text effects to brighten up your typography
Convert Decimal to Hex, Convert HTML Entity to Special Characters and vise-versa. This tool converts special characters to htmlentities which you can use in CSS, HTML and JavaScript avoiding encoding errors and invalid character validation warnings.
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.
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.