30+ Most Useful Web Development Frameworks

Fluid 960 Grid System

The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the MooTools and jQuery JavaScript libraries. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.

Elastic CSS Framework

A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.

960 Grid System

The 960 Grid System is free to use, and may be repurposed to meet your specific needs. Several projects have already spun off, including versions that were built to be fluid and elastic. Additionally, it is has been adapted as a theme for Drupal.

Content with Style

In my Modular CSS article I documented the possibility of breaking down stylesheets into components that could be reused across projects. All well and good. The next logical step is to extend this to become a CSS framework, allowing rapid development of sites with pre-written and tested components. All that’s really required to produce this is a set of naming conventions and a flexible base template…

jQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

MooTools

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Are you looking for WordPress Theme?

Get Startup Framework for WordPress now!

web2py

Free open source full-stack framework for rapid development of fast, scalable, secure and portable database-driven web-based applications. Written and programmable in Python.

Blueprint

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

CakePHP

CakePHP is a rapid development framework for PHP that provides an extensible architecture for developing, maintaining, and deploying applications. Using commonly known design patterns like MVC and ORM within the convention over configuration paradigm, CakePHP reduces development costs and helps developers write less code.

zepto.js

Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax.

DHTMLX Touch

DHTMLX Touch is a free HTML5-based JavaScript library for building cross-platform mobile web apps. It’s not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications for mobile and touch devices.

Sencha

Every day, your customers use applications like Facebook, Google Maps and Flipboard that deliver interactive, elegant user experiences. Now they want the same from your apps. Sencha can help get you there.

jQuery Mobile

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Wink toolkit

Wink Toolkit is a lightweight JavaScript toolkit which will help you build great mobile web apps. It is designed and developed to meet the specific constraints of the mobile environment. The toolkit’s core offers all the basic functionalities a mobile developer would need from touch event handling to DOM manipulation objects or CSS transforms utilities. Additionally, it offers a wide range of UI components to help you improve the look and feel of a web app, or simply to experiment with new user interactions.

SnippetSpace

Snippet is a programming term for a small region of re-usable source code. Ordinarily, these are formally-defined operative units to incorporate into larger programming modules.

SnippetSpace represents just that. It’s the place to find tons of web design and development tools in the form of snippets or frameworks. Some are complete tools to create a full website, like iWebKit; some are simple pieces of code made to enhance your own specific web page.

WebApp.Net

WebApp.Net is a light weight, powerful javascript framework taking advantage of AJAX technology. It provides a full set of ready to use components to help you develop, quickly and easily, advanced mobile web applications.

Yii Framework

Yii is a high-performance PHP framework best for developing Web 2.0 applications.

Page 1 Page 2

If you would like to be kept up to date with our posts, you can follow us on Twitter, Facebook, Google+, or even by subscribing to our RSS Feed.

Newsletter

6 Comments
  1. aditia Sep 20, 6:56 am

    yep love sencha touch, really nice framework, but for web desktop now I’m considering dojotoolkit

    Reply
    0
  2. Paul Sep 20, 11:18 am

    Nice list I’m currently using Codeigniter all good so far.

    Reply
    0
  3. daniel Sep 20, 11:21 am

    you should see the bluepen (http://www.bluepeneditor.com)

    Reply
    0
  4. johnsmith1980 Sep 20, 3:42 pm

    Hi.Johnsmith here this is very helpful to me… as i`ve been searching for web design development operations…this was my 1st step towards web development..

    Gulfesolutions.com , is a Dubai based web design company

    Reply
    -2
  5. Tiago Nunes Dec 12, 1:14 am

    Can’t believe you didn’t include Twitter’s Bootstrap: http://twitter.github.com/bootstrap/

    Reply
    +2
  6. John Jan 15, 1:39 am

    What about Flex SDK? This list include only Ajax frameworks?

    Reply
    0

Leave a Reply

*
* Minimum length: 20 characters