A responsive, proportional, nestable, and mobile-first 6-column grid framework.

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

When Can I Use tells you the browser support story, while Modernizr gives you the power of feature detection. HTML5 Please helps you out with recommendations for polyfills and implementation so you can decide if and how to put each of these features to use.

The recommendations below represent the collective knowledge of developers who have been deep in the HTML5 trenches. We hope they serve you well.

A Beginners Guide to HTML & CSS

CSS Documentation Search

Front-end developer, avid basketballer, budding astronomer and CSS lover.

The table below shows the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk).

Prince is a computer program that converts XML and HTML into PDF documents. Prince can read many XML formats, including XHTML and SVG. Prince formats documents according to style sheets written in CSS.

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of sitemaps while at the same time allowing for the predevelopment of functional HTML navigation.

Seemingly non-obvious details can often separate good web design from great web design. You might not appreciate the quality of a well-designed website until you start using it, looking under the hood, putting it through tests, etc.

Handcrafted CSS: More Bulletproof Web Design is an attempt to share some of these details that matter most. By encouraging “progressive enrichment” to utilize advanced CSS and CSS3 properties that work in browsers today, to reevaluating past methods and best practices. This book will show how craftsmanship can be applied to flexible, bulletproof, highly efficient and adaptable interfaces that make up a solid user experience.

WP Framework is a blank WordPress theme framework, which aims to cut down on your theme development time. It gives you a solid theme foundation to build your project on top of so you can focus on project-specific features right from the git-go.

You send us your web design in psd, png, or another format. We’ll convert your design to xhtml/css in 1, 3, or 6 business days. We can also integrate a cms or build out your site. We’ll send the xhtml, css, sliced images, and any other necessary files back to you.

Send us your design and we'll send you: valid, semantic and compliant XHTML, organized and valid CSS, sliced and optimized images, organized site structure.

XHTMLized is a service which takes your design and converts it into CSS and XHTML. It's a great for: designers and design agencies who would rather focus on design than markup, old school web designers who are still using tables, snowed under web designers who need help with a heavy workload, budding XHTML CSS gurus who'd like to learn some tips by getting a design sliced, site builders who need sites to look great across all major browsers.

Cross-browser compatibility is one of the most time consuming tasks for any web designer. We’ve seen many different articles over the net describing common problems and fixes. I’ve collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn’t always the culprit for your CSS woes.

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more. The reference section includes a growing library of test cases for checking cross-browser and cross-platform compatibility.

I had been asked by Paul to talk about the nitty gritty end of design – taking a design through to launch, which I was concerned would be teaching people to suck eggs. After all, this would be the bread and butter of everyones everyday work.

This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages.

Below you’ll find a list of techniques we, as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web

Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.

A peak at some templates I use in my workflow to help on new web development projects. In addition to the XHTML templates, I’ll go over some CSS templates and some XHTML markup examples I’ve made to help me create style guides for various sites.

Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.

The Year of the Script may have drawn attention away from CSS but building fluid, multi-column, cross-browser CSS layouts can still be as unpleasant as a lump of coal. Read on for a worry-free approach in three quick steps using YUI Grids CSS.

The YUI Grids Builder — a simple interface for Grids customization

The foundational YUI Grids CSS file offers three preset page widths, seven core templates, and the ability to nest subdivided regions of one to four columns. All told, the file offers almost 200 preset layouts that work across all A-grade browsers.

11 almost perfect business designs / layouts used by companies from different countries of the world.

Coding CSS can quickly run into difficulties with different browsers interpreting code in different ways. Designs will never look the same in every browser but you can help yourself by using a default style set when you start coding.

This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout. I will try my best to explain the concepts behind each step, but a lot of the time other people have already covered these things better tha

Lightbox, and all it’s similarly named siblings, is a colleciton of javascript and css designed to show off some page content, such as an image, or a div, in a floating box in the center of the page, while the rest of the page appears dimmed behind it.

Lightbox JS 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.