Skeleton

 A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

What Is It?

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:

Responsive Grid Down To Mobile

Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!

Fast to Start

Skeleton is a tool for rapid development. Get started fast with CSS best practices, a well-structured grid that makes mobile consideration easy, an organized file structure and super basic UI elements like lightly styled forms, buttons, tabs and more.

Style Agnostic

Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.

http://www.getskeleton.com/

Mobile Boilerplate

Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile. You get an offline caching setup for free, fast button clicks, a media query polyfill, and many common mobile WebKit optimizations waiting for you. Use Mobile Boilerplate to start your mobile webapp quickly and immediately benefit from community best practices.

http://html5boilerplate.com/mobile

Tiny Fluid Grid

The happy & awesome way to build fluid grid based websites.

Inspired by 1kbgrid.com. Developed with love by Girlfriend's overconfident and pretty good looking team of web developers. Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created.

http://www.tinyfluidgrid.com/

CSSWarp : A CSS3 Text to Path Generator

CSS3Warp is a proof of concept: create Illustrator like "warped" text (text following an irregular path) with pure CSS and HTML.
How does it work?

CSS3 brings new text-transform options: rotation, skew, matrix, transform-origin... By applying the right transformations to every single letter it is possible to create the illusion of text following a path.

Type your text into the webform, click "Warp it!", then alter the path as you like. You can attach your text to a circle or a bezier. Add or delete points, or change position, angle and radius of the circle. When your done, click "Generate code". Copy the CSS and HTML into your document.
http://csswarp.eleqtriq.com/

Web Design Inspiration - Creative Ninja

Tam Cai 100% Ninja is an impressive portfolio with all the Ninja stuff on front page, a stylish dark color scheme with a fixed navigation.