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.

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.

The new Outlook 2007 doesn't support or misinterprets many standard HTML tags and CSS styles. These are some issues I ran into. These have nothing to do with the way Sugar sends out emails, but I thought it may help my fellow designers to cope with the new Outlook. I have a feeling, I will be adding to this list, so please keep checking this thread.

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.

This plug-in converts scss files into css files. You can set it up to automatically convert on save. By default you must manually process scss files via the Coda Plug-ins menu. You can also specify where the css files should be saved. By default they are saved next to the scss files.

There’s a ton of information floating around on preprocessors nowadays. Most of that info is geared towards Mac users, so in this post I’m providing a very simple guide to help Windows-based developers get up and running quickly with Sass (my preprocessor of choice).
As you can see from the message at the top of this post’s page, this article falls under the CSS Basics category, which usually doesn’t appear in the main feed. However, I’m allowing this to appear in the main home page feed so it can get a little more exposure and any developers who already use Sass on Windows can add their feedback.
Overall, Sass is not difficult at all to get set up, even if you’re doing it on the command-line. But if you have no interest in going through all these steps, but still want to use Sass on Windows, well, just skip to the final heading in this post for a reference to an app that lets you start using Sass on Windows with minimal setup.

"Sass for Wordpress" enables you to use Sass (Syntactically Awesome StyleSheets) and Compass in your Wordpress project. It has support for Sass and SCSS syntax.

Haml & Sass language definitions and snippets for Sublime Text 2

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.

It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design possibilities without negatively affecting the semantics of your markup. Here's a whole bunch of those amazing things. A roundup, if you will.

This post looks at a way to add a subtle noise effect to HTML elements using CSS. Using this technique is of interest because it doesn’t require use of an image editor, weighs in at just a little over 2K and doesn’t generate any extra HTTP requests.

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.

You normally don't think of as having a background color, but they certain can have that property. It might come up if say, you wanted two borders around your images. You could use border for one and simulate the other by giving the image a background-color and padding. Or maybe you set the background to a bright red color so that missing images are bold and obvious.

Turbine is a collection of PHP-powered tools that are designed to decrease css development time and web developer headache.

Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable.

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.

Compass is an open-source CSS Authoring Framework.

Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts.

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.