IVORY is a simple, flexible, powerful and fully responsive grid based front-end web framework, makes your web development faster and easier. It takes you all the way from 1200px on down to 320px.
IVORY Framework is packed with Typography, Form controls, Buttons and many other UI components.
Nested is a free jQuery Plugin for a creating gap free, multi column grid layout.
Unlike other libraries and jQuery plugins similar to Nested, the later allows you gap-free layouts, which save you some more space on your page.
ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet. It’s based upon jQueryUI Widget factory which is an excellent design pattern for UI controls with consistent API.
If offers sorting, paging, resizable columns with resizable width and height.
- Freeze any number of Columns like Excel
- Display any data source format like HTML, Array, XML, JSON, etc
- Can be used with any server side framework e.g. ASP.NET, MVC3, JSP, JSF, PHP
- Virtual Scrolling and Rendering
- Inline Editing of cells
Grid Displayer is tiny useful bookmarklet for Twitter Bootstrap and Foundation CSS Framework. In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework.
Flex is a fluid asymmetrical animated grid plugin for jQuery that displays an animated grid with expanding panels. This fluid grid plugin is ideal for building portfolio sites or showcasing the featured work.
Handsontable is a minimalistic (60 KB unminified) jQuery script to create Excel-like table editor in HTML & jQuery. This jQuery plugin creates a flexible and easy to customize excel-like table grid.
- Autoexpanding – Type in any cell and see how the grid adds new rows and cols automatically
- Drag-down – Same as in Excel, you can drag it (drag-down) to repeat the values from the cell
- Context Menu – Support context menu
If you are looking for more complicated data grid / table solutions, consider using:
- Ajax Spreadsheet Widget: dhtmlxSpreadsheet
- Flexible Client Side Table Sorting: Tablesorter
- Turn HTML Tables Into Advanced Editable Components
- Flexigrid for jQuery – Lightweight and rich Web 2.0 data grid
Gumby is a rock-solid Responsive 960 Grid CSS Framework. The Gumby Framework’s grid system can be customized and molded to fit your every need.
This Responsive 960 CSS Framework is packaged up tons of styles and common interface elements to help you quickly put together functional prototypes.
The Grids built into Gumby let you quickly put together page layouts for mobile devices and the desktop.
You don’t need two different sites — create a rock-solid experience on all kinds of devices with the exact same markup. From iPods to IMAX, build great experiences that fit any screen. No extra stylesheets. No vain, bloated, code.
SimpleGrid is a responsive CSS grid with Infinite nesting support. SimpleGrid is prepared for 4 distinct ranges of screen size:
- Screens < 720px
- Screens > 720px
- Screens > than 985px
- And screens > than 1235px
So people visiting your site will receive a layout that’s tuned to the size of their browser window.
Most grid systems use one class for all units of a single size, leaving units oblivious to where they fit into the grid. That leaves you with .first and .last classes. With SimpleGrid each slot knows whether it’s first, middle, or last in its respective row; no extra classes needed.
I am the kind of person who surf a lot on the Internet on many different displays – as large as my 1080p display screens to as small as 320×480 screen of my Xperia Mini. As an avid admirer of web design, one of the prime design factors that I want from websites is responsive layout – quick and clutter-free layout that works well on all display sizes. The idea of liquid or responsive layout is to design single design for all types of devices and displays.
Fortunately, achieving responsive layout design is not a big deal. There are a number of frameworks that provide built-in support for responsive layouts for websites and applications – just like Amazium. It is a lightweight and open source development framework that allows you to build standardized and responsive layouts using 960 grid system. The built-on support for 960 grid system makes Amazium exclusively different from other frameworks.
The Heads-Up Grid overlays an easily configured grid over your page, which you can toggle on and off as you work. It’s unobtrusive and allows you to easily set margins, a baseline grid, and columns.
The grid’s default unit of measure is pixels and it provides an on/off button to show/hide the grid on demand.