Software by tag 'grid'

5 Alternative And Tiny CSS Grid Systems

January 25th, 2010 in CSS | 11 Comments

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.

Do you want to know more about CSS Frameworks and grid system? If yes, then you may want to read our previous article that talk about useful CSS Frameworks.

Today, we are going to look into 5 more CSS Grid Systems that are tiny but worth a look.

1. CSS Boiler Plate Grid

As one of the original authors of Blueprint CSS I’ve decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You’re the designer and your craft is important.
CSS Boiler Plate Grid

(more…)

15 Great jQuery Plugins For Better Table Manipulation

September 6th, 2009 in Javascript, Resources | 40 Comments

Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the designers and developers will use div to replace table because it is much more easier to style div than table.

But, we still need table in our daily applications, one of the best example is comparison table. This article will share 15 useful jQuery table plugins for you to display, sort, filter and manipulate your data in table.

1. DataTables

DataTables is very powerful jQuery plugin which offer a lot of features. For example, you can have on-the-fly filtering, ajax auto-loading of data, pagination, sorting columns, highlight sorted columns, extensive plug-in support, themeable by CSS or jQuery UI ThemeRoller and also a complete documentation.
jQuery DataTables plugin

2. uiTableFilter

uiTableFilter is a jQuery plugin for filtering table rows. The author shows a detailed example on how to implement the filter function for your table together with the plugin.
jQuery uiTableFilter

(more…)

15 Extremely Useful CSS Grid Layout Generator For Web Designers

May 31st, 2009 in CSS, Tools | 54 Comments

There are a lot of online generators which can help designers a lot. Some example of online generators are favicon generators, background generators, button generators, and badge generators. Balkhis had wrote an excellent article about extremely useful online generators for us.

Without these online generators, designers have to waste extra effords to do repeat jobs. Since we had shared about CSS Frameworks last week, i would like to extend the topic by sharing some useful CSS grid layout generator.

  1. Grid Layout Generator by Pagecolumn

    grid-layout-generator-by-pagecolumn

  2. Grid Generator by DesignByGrid

    grid-generator-by-designbygrid

    (more…)

10 Promising CSS Framework That Worth A Look

May 25th, 2009 in CSS | 34 Comments

Most of web designers should heard about “CSS Framework”, and I believe some of you had tried them before.

Just like other programming and scripting language, CSS do have some repeat code that can be packed together to ease our daily job.

When use properly, CSS Framework may cut down your development time. On the other hand, it may cause extra works and time if you choose the wrong framework for your project.

There are a lot of open source CSS Framework, and you can easily reach them by using Google. Today, I am going to show you 10 promising CSS Framework that worth a look.

  1. Blueprint: A CSS Framework

    blueprint
    Blueprint includes a CSS reset that eliminates the discrepancies across different browsers. There are a lot of external tools and templates to aid your web development with Blueprint.

  2. 960 Grid System

    960-system
    Another excellent CSS Framework that worth a look. The download includes templates for Fireworks, Photoshops, Inkscape and etc. so that you can start designing your web template immediately. The PSD file that comes with guides ready save designers a lot of time.

  3. (more…)