Typechart – Free Resource for designer & developers to Browse Web Type, Grab CSS.

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

  • Browse typographic styles. (See “anatomy of a style” below)
  • Download CSS. { 1 }
  • Compare Windows (ClearType) rendering { 3 } with Apple font rendering { 2 }
  • Each style corresponds with a “style ID” { 4 }, which allows you to annotate prototypes and retrieve the css while coding.

Continue reading

Open source Complete CSS Framework: Markercss

Markercss is a complete CSS framework for creating website layouts quickly.

It comes with a set of stylesheets: layout, borders, backgrounds, links, forms, text, colors & tables which makes it possible to use only what is needed.

The framework has a combination of references like adding a w10 class (10-1000 is defined) will make an element 10px or p5 (5-50 is defined) will add a 5px padding.

It doesn’t force or limit the designer with preset widths/heights, rather, it focuses on offering the most used styles in a flexible way.

Continue reading

Collection of best Tiny CSS Grid Systems, best for designers

CSS grid system is one tool that facilitates the work of web designers and web developers to develop a website. Advantage of using CSS grid system is you can reduce development time. Grids also provide uniformity and consistency in the placement of HTML elements.

Grid System Generator

This tool generates grid systems in valid css / xhtml for rapid prototyping, development and production environments. The grid system generators offer the ability to customize the width, no. of columns and margin(s) to allow more flexibility for various designs.

Continue reading

Now very easy to create CSS for web with Simple Css

Cascading Style Sheets (CSS) is a good way to specify the styles of fonts and other page elements on your sites. It makes it easier for you to update styles too, because when done right, you only need to make a single change to update the styles on multiple pages and elements.

Another bonus is that your visitor’s browser needs to load less data per page, helping you reduce your data transfer usage while serving the same information. That means you’ll be able to accommodate more site visitors without having to spend more on data transfer. Your pages will also load faster.

To help you work with CSS, we’ve created a free tool called Simple CSS, which runs on Mac OS X and Windows. Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface.

With Simple CSS, you can manage multiple CSS projects and import your existing style sheets. Simple CSS supports CSS2. Continue reading