Reducing the number of HTTP requests is a must, sprites are cool, but a pain to maintain, so there come data URIs (for all browsers) and MHTML (IE6 and 7). I've talked about these things on this blog to a point where the blog comes up in top 10 results in search engines for queries like "mhtml" and "data url". Therefore I think it's my duty to clarify a point for the good of the mankind :)

This tool, geared by an XSLT stylesheet, tries to extract some information from a HTML semantic rich document. It only uses information available through a good usage of the semantics defined in HTML.
The aim is to show that providing a semantically rich HTML gives much more value to your code: using a semantically rich HTML code allows a better use of CSS, makes your HTML intelligible to a wider range of user agents (especially search engines bots).
As an aside, it can give clues to user agents developers on some hooks that could be interesting to add in their product.

Edit textareas using an external editor, because it's all text!
Right click on a textarea, select "It's All Text!" and edit the text in the editor of your choice.
Alternatively, click on the edit buttons added for your convenience. Right click on the edit buttons for even more options, including preferences.

Web Platform Docs is a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation.

HTML5 and made easy. One file. Any browser. Same UI.

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla's Popcorn project.

We’ll help you choosing the best HTML5 based video player for your next project.

BlueGriffon is a new WYSIWYG content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox, it's a modern and robust solution to edit Web pages in conformance to the latest Web Standards.

Character Entities Cheat Sheet for HTML, CSS (content) and Javascript.

Plain text is fast. It’s portable. It’s easy to edit and easy to sync. All you need is a few helpers and you can write just about anything without depending on a word processor or the limitations it imposes.
Marked takes Markdown text–a simple syntax you can learn in minutes–and turns it into beautiful documents for you. It will update a preview as you work (with several high-quality themes to choose from, or design your own), refreshing every time you save. It can even automatically scroll the preview to where you’re currently editing in your document.
With one click you can copy HTML for posting online or including in web pages, copy rich text, save a PDF or print your work. Marked includes tools for handling page breaks, titles, table of contents and much more.

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100's of developers, all in one little package.

Пару месяцев назад я случайно наткнулся на массу положительных отзывов о текстовом редакторе Sublime Text 2. Попробовав его в деле, я не разочаровался. Теперь это мой основной рабочий инструмент.

Even for experience designers, building email newsletters isn’t easy. You receive a lovely looking design, and you crack on with the development. Unfortunately, it just doesn’t work as it should in every email clients. Styles don’t display, images aren’t visible, etc.
This is where these twenty best practices come in handy.

Welcome to CodePen, a community of front end folks focused on inspiration and education. We're just getting started on this adventure, so we'd love to hear from you.

A lightweight templating engine

This CSS tool will help you format your code to the style you prefer. Just paste your CSS code in the textarea below and select the options for how you would like your CSS code to be formatted to.

Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by Adobe, and is released under an MIT License.

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.

This page lets you create HTML by entering text in a simple format that's easy to read and write.