Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites

Mozilla Developer Central has long been a go to source for for technical documentation of web-standards based development. Now this excellent resource for info on HTML, CSS, JavaScript and the DOM has been organized with a nice clean UI.

HTML-Kit is a full-featured website editor first, but it can handle other types of text files as well.

HTML-Kit has received 95% thumbs up on Download.com. You can find mentions of HTML-Kit in 200+ books.

Hundreds of plugins are available for easily customizing HTML-Kit.

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

The open source is a great way to implement the newest ideas and latest concepts into design.

S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It's totally simple, and it's totally standards-driven

Sass is a meta-language on top of CSS that both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets.

Install Ruby and Sass
First of all, let’s get Sass up and running. If you’re using OS X, you’ll already have Ruby installed.

HTML, CSS, Javascript and more

An extension for Chrome to display use of reset style sheets, including the ones from Yahoo, Eric Meyer, Tantek Çelik, and Rich Clark.

/* Purpose: undo some of the default styling of common (X)HTML browsers */

starting html/css template. so much goodness baked in by default

Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place. Currently 2080 free designs!

Welcome to HTML Dog, the web designer's resource for everything HTML and CSS, the most common technologies used in making web pages.

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS coding. It was developed by our author Sergey Chikuyonok and released for Smashing Magazine and its readers.

Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.

POPULAR TOPICS FOR WEB DEVELOPERS
The MDC (Mozilla's Doc Center) takes over at intermediate CSS and covers JavaScript better than anyone. See w3fools.

let’s look at the CSS position property to see how we can use it to create standards-compliant, table-free CSS layouts.

HTML Dog has been dishing out healthy code treats since 2003, and currently serves up around 1,500,000 page views a month. The idea is to take the somewhat convoluted official specs for XHTML and CSS and present them in a much more readable fashion.

We are passionate about the web, learning, and craftsmanship. We want you, as web designers and developers, to be successful in your careers. We feel, though, that W3Schools is harming the community with inaccurate information. Like any other authoritative educational resource, W3Schools should both hold itself to, and be held to, the highest standards.

We hope we can illuminate why W3Schools is a troublesome resource, why their faulty information is a detriment to the web, and what you (and they) can do about it.

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market

Learn how to use fluid grids, flexible images, and media queries to create elegant user experiences with responsive web design.

Web designers often bemoan the malleable nature of the web, which seems to defy our efforts at strict control over layout and typography. But maybe the problem is not the web. Maybe the problem is us

A pure-JavaScript CSS selector engine
designed to be easily dropped in to a host library

Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS.

for high performance web applications and sites.

p2pu webcraft

The W3C Core Styles offer authors an easy way to start using style sheets without becoming designers. By adding a link in the head of your documents, a CSS browser will fetch the style sheet of your choice from W3C's server when it encounters your document. A non-CSS browser will display the HTML document like it always did.

Wickham's HTML & CSS tutorial

A pinned-down menu

SimpleBits is a tiny creative studio founded by Dan Cederholm and based in Salem, Massachusetts. We make websites and products and sometimes we talk and write about them.

Stationary Nav Bar as page Scrolls. copyrighted

In the last article, we touched briefly on the basic building blocks of the web—HTML (or XHTML), CSS and JavaScript. Now it’s time for me to dig a little deeper and to look at each of these—what they do, and how the three interact with each other to create a web site.

Opera has created the Web Standards Curriculum (WSC) in association with the Yahoo! Developer Network. This tutorial course takes students from complete beginner to having a solid grounding in standards-based Web design, including HTML, CSS, and JavaScript development. The course is supported by top companies and organizations such as the Web Standards Project (WaSP) and Yahoo!.

Split into more than 50 focused articles, students can follow the curriculum from start to finish or simply read articles that interest them the most. Each article contains essential theory, practical examples, and exercise questions.

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

CSSBEAUTY™ is a project focused on providing its audience with a database of well designed CSS based websites from around the world.

Its purpose is to showcase designers' work and to act as a portal to the CSS design community.

Aptana Studio is a complete web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript, along with thousands of additional plugins created by the community.

Set of plugins for HTML and CSS hi-speed coding
There are two branches of Zen Coding plugins:
Zen HTML and Zen CSS are the separate plugins for TextMate and NetBeans. They are using template logic, provided by applications and based on Zen HTML Elements and Zen CSS properties documentation.

Zen Coding is the all-in-one plugin, created and supported by Sergey Chikuyonok for Aptana, TextMate, Coda and Espresso. It is based on JavaScript (for Aptana) or Python (the rest of all) script and using more advanced Zen HTML Selectors logic for building HTML.

N VALID CODE WE TRUST
CSS is the modern way to build web sites. Intensivstation offers insight, help, tips and templates for CSS design.

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

This screencast will serve as the final entry in a multi-part series across the TUTS sites which demonstrates how to build a beautiful home page for a fictional business. We learned how to create the wireframe on Vectortuts+; we added color, textures, and effects on Psdtuts+; now, we'll take our completed PSD and convert it into a nicely coded HTML and CSS website

The CSS float property allows a developer to incorporate table-like columns in an HTML layout without the use of tables. If it were not for the CSS float property, CSS layouts would not be possible except using absolute and relative positioning — which would be messy and would make the layout unmaintainable.

Last week we launched FindMeByIP.com, a simple app which reveals your browsers' support for CSS3 and HTML5 features in an easy to read format using Modernizr.

This Newt Edge site is created not for the faint-hearted browsers, but more specifically to highly standards compliant browsers, such as Gecko-based browsers. This site is the place for my collections of markup test cases, style sheets demonstrations and coding workarounds. Feel free to browse around and experience my work.

Firefox and Opera are great browsers that have greatly advanced the cause of web standards, but because they are choices in a space where most people don't make choices, their power to convert is necessarily somewhat truncated. Webkit, in the form of Safari, has been a surprising force for good on the web, raising people's expectations about what a web browser can and should do, and what a web page should look like.