Sometimes I find it difficult to remember the multitude of html tags and their attributes, so it’s good to have somewhere to go for a quick recap.

My favourite site is Your HTML Source, which has a great glossary of HTML tags. It clearly outlines the correct usage for the all the common tags and many you might not normally think of using.

It’s a good idea to use an existing tag if possible, rather than defining your own class, as it makes your code more compliant with web standards and screen readers.

This is a great addon for Firefox with a huge array of tools for analysing, viewing, editing and validating whatever webpage you are viewing. There are a variety of tools and bookmarklets that accomplished the same tasks, but having them all (and more) in one place is a godsend.One of the most useful tools is the CSS editing window which allows you to edit stylesheets and see the results onscreen immediately - very useful for editing dynamic pages.

You can also disable stylesheets and javascript, view info about images and links, outline various elements, use a ruler to measure sizes on screen, validate the document… you name it, it does it.

So, it’s great for development, but also for seeing how other sites achieve their design and layout.

I highly recomend it! http://chrispederick.com/work/webdeveloper/

Lorem Ipsum text has been used for centuries as for filling out page layouts to see how the text will flow and what the design will look like. The spacing and structure is the same as real text, but because it is Latin you are not distracted by the meaning of the words.

www.lipsum.com provides a Lorem Ipsum Generator that outputs however many paragraphs or sentences text you need.