In our previous post we discussed how JavaScript and other programming languages are evolving to to support the shift of software from desktop to the Web. Sequel to the previous post, today we are discussing the modern approach to web layouts using powerful and dynamic CSS grid systems based on LESS.js. For those who are [...]

Flurid is a cross browser fluid CSS grid system optimized for flexibility (fluidity). This fluid grid systems works in Internet Explorer versions 6 and 7 without hiding pixels in margins. Like any grid system, the basic purpose is to break the page into a series of rows and columns, thus giving the designer an easy, rational [...]

FEM CSS Framework is a 960px width with 12 column grid system and preset CSS styles. It allows easy development of web layouts and very useful for rapid prototyping. It is based in the 960 Grid System, but with a twist in the philosophy to make it more flexible and faster to play with boxes. This [...]

TableKit is a collection of easy to implement HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax. TableKit allows you to easily create sortable, resizable and editable HTML tables by using CSS class overloading to tell the system how to handle a table. [...]

Actionscript3 Shuffle Grid Class is a beautiful Actionscript3 code to help make a thumbnail gallery with Drag and Drop feature. The basic logic of the algorithm works by determining how far a dragged item travels along the grid (rows and columns) and then shuffling the surrounding items in the opposite direction by these values, therefore [...]

Sigma Grid is written in pure javascript, which is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. Sigma grid appearance is controled via a stand-alone CSS(style sheet). Developer can change grid skin by defining themes in different CSS files. It supports online printing, to make it easy [...]

Flexigrid for jQuery – Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and [...]

Eyesis Data Grid Control is a PHP class for creating a datagrid from a MySQL database almost instantly. With 6 lines of code, you can connect to the database, mention the table & define the query, rest is automated. It has nice features like: Filtering and searching Changing column headers Can displaying images Ajax supported Automatic row [...]

The grid, which helps designers to organize text & images in a rational way, is hard to get used to, but after that, it makes most design related problems disappear. The Grid System is a resource on grid based designs. It covers: articles tools books templates & more on grids. It is a very fresh [...]