Tiny Fluid Grid – a CSS Grid Framework Generator

Tinyfluidgrid Tiny Fluid Grid   a CSS Grid Framework Generator

Inspired by 1kbgrid, Tiny Fluid Grid was developed by an American design agency Girlfriend, for help web designers to easily build fluid grid based websites. TinyFluidGrid is a handy CSS grid framework for creating fluid grids instantly. You just need to define the Number of Columns, Gutter Percentage, and Min & Max Width with the sexy slider. Once created, you can preview the grid and download it which includes with a index.html with demo code, and the grid.css containing the CSS for the grid.

Develop and Customize Web Forms with Formee CSS Framework

Formee CSS Framework Develop and Customize Web Forms with Formee CSS Framework

Developed by Bernard De Luna, Daniel Araujo and Marcello Manso, Formee is a CSS framework for styling form elements and creating web based form layout. It uses Fluid 960 Grid System technique to compose the layout, providing you total flexibility to put it in any website. It also helps you create standard compliant forms with less but more markup semantic markup. Formee is built with the smallest number of tags possible and it generates semantic forms. You can use this CSS framework for quickly creating cross-browser and flexible web forms. Moreover, there are some side elements in the package that are widely used with web forms such as message boxes to show errors, warnings and success alerts. Formee is available for download under GPL and MIT Licenses. You can find further information, demo and download on Formee Website.

HTML5 CSS Framework – LessFramework

less framework HTML5 CSS Framework   LessFramework

Developed and maintained by web designer Joni Korpi, Less Framework is a new generation CSS framework that is built perfectly for any web browser such as Chrome, Safari 3.0+, Firefox 3.0+ and Internet Explorer 7+, and any device including the Apple iPhone and iPad. It’s a lightweight CSS framework for building flexible multi-column website layouts. LESS contains an eight-column grid optimized for a line-height of 24px, and a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm. Webpage can collapse automatically into a single column in old browsers and on small width screens. LESS CSS framework requires a single.css, multi.css, HTML5.js and switcher.js to function. Download Less Framework 1.0.

EZ-CSS: Simple, Lightweight and Flexible CSS Framework

ez css EZ CSS: Simple, Lightweight and Flexible CSS Framework

EZ-CSS is a simple, lightweight (1kb only) and flexible CSS Framework for complex table-less layouts and rapid prototyping. EZ-CSS lets you apply any width you want to containers and gutters for building any type of CSS layouts. It’s a easy-to-use CSS framework for creating browser-friendly CSS layouts for your websites. When using EZ-CSS framework, you are not bound to a grid but it allows you create multiple columns of any width, with or without gutters of any width. EZ-CSS has a very small footprint (only 915 bytes) for a fast download time, and it’s also framework agnostic that integrates well with any other style sheet. Rounding issues, rounding errors, and collapsing margin across all containers are all prevented. EZ-CSS is an open source CSS framework and available for download.

Elasticss: Elastic CSS Framework

Elastic CSS Framework

CSS frameworks are the consequence of repeated ready-made Cascading Style Sheets library that helps designers and developers get faster for designing and outlaying a webpage. Elastic CSS Framework is a simple CSS framework to layout web-based interfaces for creating elastic, fixed and liquid layouts with various column layout. It based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations.

  • Elastic CSS Framework defines a declarative language to make layouts;
  • A freestyle framework you can mix and nest any number of columns, you can even mix any number of columns, fixed-columns, and elastic-columns;
  • Provides a set of helper classes, to accomplish hard things by pure CSS like: same-height, full-width, and vertical-center;
  • You can mix classes to accomplish complex layouts like elastic header and footer, fixed width content.
  • http://elasticss.com/

Free Subscription

 Subscribe in a reader

Enter your email address:

@ Twitter @ FriendFeed
+ Google Reader + Bloglines + Netvibes

Search

Enter the query to search and hit enter.



Books

Recent Posts

Latest Resources

Error: Feed has a error or is not valid