Bourbon is a comprehensive library of sass mixins that are designed to be simple and easy to use. No configuration required. The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible.

The mixins contain vendor specific prefixes for all CSS3 properties for support amongst modern browsers. The prefixes also ensure graceful degradation for older browsers that support only CSS3 prefixed properties. Bourbon uses SCSS syntax.

Creates an "arrowbox" or ios style popover ... only without the popover.

We look at how to build sites and applications with the universal web in mind, using techniques like mobile-first, adaptive, and responsive web design. Starting with fluid layouts and relative font-sizing, then fluid grids, we cover how to convert a static layout into a flexible one. Then, to lead the way into Adaptive design, we introduce break points and CSS media queries. Exploring the Mobile First approach, we look into advanced media queries, and tie it all together with Responsive layouts. Finally, we learn how to adapt media to different layouts and resolutions thanks to responsive and retina images.

nice looking css bar charts with some extra nicety in webkit browsers

otherwise known as a carousel

responsive css jquery based carousel / slideshow plugin

command line sass compiler written in C
SassC is a wrapper around libsass (http://github.com/hcatlin/libsass) used to generate a useful command-line application that can be installed and packaged for several operating systems.

The purpose of Image2CSS is stream-line the process of generating data URI
for use in CSS files.

This is a set of pure CSS3 Bar Graphs in clean 3D style. You can easily visualize data without having to use javascript or php or even images. This set comes with 9 predefined graph styles – single and grouped bar graphs. $3 regular license $15 extended license (used when incorporating into an app)

Baseline grids are super helpful for web designers, allowing us to maintain vertical rhythm on our designs. But short of a few Javascript bookmarklets, there isn't really a simple way to get a baseline grid overlay on our designs. Enter Basehold.it

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com

stacking icons all on top of each other, turn off their visibility and only show the one you want.

HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript

a nice js tool that allows you to project "slides" (html) on a surface and "swipe" between them (supports touch gestures) allows slides to be laid out in 2d on a plane.

a tool which allows you to quickly create good looking HTML presentations. Beyond the changed name, the updated slideshow includes a fair amount of new features:

literal 3d accordion fold visualization with css html5 and javascript. Works best in Safari and Firefox. Has problems in Chrome and Opera

Rainbow is a code syntax highlighting library written in Javascript.
It was designed to be lightweight (1.2kb), easy to use, and extendable.
It is completely themable via CSS.

tips for getting the most out of icon fonts

enables you to create semi-transparent div backgrounds

ios style popovers

The perils of display none.

SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS

The Responsive grid generator

Boilerstrap is a mash-up of HTML5 Boilerplate and Twitter Bootstrap

a nice minimalist responsive css framework. It's primary feature is the lack of need for class names you have to sprinkle about.

Smaller is a powerful HTML, PHP, CSS and JavaScript compressor on Mac OS X which also has the ability to combine several files into one. CSS and JavaScript compression is powered by YUI Compressor while for HTML and PHP compression it uses htmlcompressor. It's definitely a must have for every Mac based web developers.

a very nice jQuery based slider Check out the demo

Transforming formatted text into an editable textarea and back

simple horizontal and vertical bar graphs with css (they call the vertical ones timeline graphs)

the bookmarklet predecessor to the Footnotify Chrome / Safari / Firefox extension

Very Beginner material but very nice looking beginner material.

Compass.app helps designers compile stylesheets easily without resorting to command line interface. It is written in Java and works in Windows/Linux/Mac OS X.

HI. YOU CAN GET STARTED BY CREATING A NEW BUTTON, SELECTING A TEMPLATE TO MODIFY, OR LOGIN TO ACCESS SAVED BUTTONS.

In this tutorial we are going to make a child theme and use CSS media queries to make it work properly in multiple screen sizes.

responsive wordpress theme with support for a number of grid systems.

turn an otherwise unassuming list of images into a full-blown set of polaroid pictures

For the best HTML e-mail delivery results, CSS should be inline. This is a huge pain and a simple newsletter becomes un-managable very quickly. This script is my solution.

Drag and drop image files into the space below and click "Generate" to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with the latest versions of Chrome and Firefox.

a nice javascript slider widget

Look up HTML5 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.

a powerful but somewhat geeky and not particularly fluid grid framework

You hate writing vendor prefixes for all browsers? Just let CSSPrefixer do it for you!

At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers.

generate the web fonts required for @font-face from a font you upload.

instead of a monthly fee, you buy the font license outright.

Toast is a super simple CSS framework, inspired by the likes of Twitter's Bootstrap and the 960 grid system to make rapid web design and development easier.