Web Design that taps into the haromny and vision of your dreams.

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.

09Dec2015
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.
CSS3 Message Notification Bars Reloaded

 

15Nov2015
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.
100 CSS3 Pagination Styles

 

19Jun2015
Gulp is a tool which most web developers have heard of, but few know what it actually does. In this article, we will discover how we can be more productive by automating repetitive tasks.
Getting started with Gulp

 

07Apr2015
This CSS3 border-radius generator allows you to quickly style the border radius for an HTML element using a simple editor and copy the generated CSS code straight into your project.
CSS3 Border Radius Generator

 

07Apr2015
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.
CSS3 Box Shadow Generator

 

 

07Apr2013
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.
HTML Entity Conversion Calculator

 

20Feb2013
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.
Minimal Responsive Mobile First CSS Skeleton

 

Copyright © 2001-2018 Tim Trott, all rights reserved. Web Design by Azulia Designs

This web page is licensed for your personal, private, non-commercial use only.

Disclaimer, Privacy & LegalSitemapContact Me