What is MECHANO css framework ?

MECHANO is a grid based CSS framework based on a solid CSS foundation to help web designers building Infinite number of layouts starting from a perfect scratch up to a complete layout with maximum browsers compatibility.

Key Features

√ Full A-grade browser support.: MECHANO is based on web standards and supports all A-Grade Browsers, that means you will always get exact same layout on all browsers.
√ Fixed and Elastic Layouts: MECHANO comes with two grid options, Fixed Grids keeps your layout width fixed while Elastic Grids gives you the power of EM that will change layout width according to font size.
√ Plug-in Support: plug-ins will allow MECHANO to extend rich by utilizing additional features allowing users to maximize capability, functionality and achieving results.
√ CSS Hack Free: MECHANO works together with web standards to insure that maximum compatibility is provided without any violation to CSS standards by staying hack free
√ Infinite number of templates: MECHANO doesn't offer a number of template to choose from, we leave it to you designers to create and share.

Try MECHANO

Elastic Grid "elasticGrids.css"

Elastic Grid lets you avoid undesirable text wrapping when the user explicitly opts to change the font size, elastic layout will change its size relatively to the font size.

Elastic Grid Demo

Fixed Grid "fixedGrid.css"

Fixed Grid gives you the same layout for all font sizes. Fixed Grid is recommended with background based designs.

Fixed Grid Demo

GRAB YOUR MECHANO

Download MECHANO 12.3 KB with demos

Plug-ins

Forms Plug-in

MECHANO Forms Plug-in gives you a nice looking well structured XHTML forms.

Forms Plug-in is very easy to use and is very customizable, just plug and play or apply you own look and feel to get going.

note: forms plug-in uses jQuery to add the focus effect. You still can use the plug-in without jQuery.