Resources

We've listed here some of our favourite resources for HTML and CSS web development. Also worth reading is 100+ CSS Resources For Web Designers And Developers).

Tutorials

The ever-dependable W3Schools is an excellent resource, with a lot of well-organized information and plenty of examples.

HTMLDog has a good beginner HTML tutorial, as well as an intermediate tutorial.

Lastly, in gathering material for this section, I came across How to Code in HTML, which looks excellent.

Playgrounds and online editors

A good playground will allow you to try out HTML online and see the results immediately. W3Schools's playground is worth trying, although Trinket's playground looks a little nicer.

More fully-featured editors include HTMLG and HTMLEditor.tools.

Tools

Some people swear by Dreamweaver, but I've never been persuaded by it. Perhaps it's because I prefer actually writing the code than dragging and dropping components onto a visual representation of a webpage. So I prefer proper code editors like Visual Studio Code, Sublime Text 2 or even Notepad++ (when I use Windows).

When I want to run my own local web and database servers for web development, it's just XAMPP (for Windows) or MAMP (for Mac). Lately, though, I've been using Middleman for static content generation, which comes bundled with its own server for quick web testing.

For CSS, I depend a lot on the bootstrap framework. Some people criticise it for making websites look and feel the same, but if that's your worry, bootstrap is easy to tailor and there are a lot of bootstrap templates available to customise your site, whilst still making use of its handy CSS classes and components.