Web development is about getting stuff done, not figuring out how to get it done. Frameworks and libraries help you, the web developer, focus on creating rather than figuring stuff out. Rather than reinventing the wheel, you can use a framework or library to delegate brunt, non-creative and repetitive work, freeing up your time and energy to create the actual website or application.
This article highlights 20 New Frameworks and Libraries that will help speed up and make your web development more effective.

DHTMLX Touch – HTML5 JavaScript Framework for Mobile


DHTMLX Tuch is an HTML5 JavaScript framework for mobile and touch devices. This HTML5-based JavaScript library lets you build cross-platform web applications for mobile and touch-screen devices.
DHTMLX TouchDemoDocsVisual Designer

DHTMLX Touch Visual Designer

DHTMLX Touch Visual Designer is an easy and intuitive way to build web interfaces for your mobile apps. All you have to do is drag-and-drop the needed components into the Visual Designer and then set up their properties. Here is an overview video:

Behat – BDD Framework for PHP


Behat is a BDD framework for PHP which has been inspired by Ruby’s Cucumber project.
Unlike any other php testing framework that tests applications inside out. Behat is testing applications outside in. It means, that Behat works only with your application’s input/output.
BehatDemoDocs

iX Framework – JavaScript-Based UI Framework


The iX Framework is a JavaScript-based UI and framework that allows you to bridge the gap between a web app and desktop application. It features many components: Grid, Chart, Tree, Window, Panel, Field, Validation, Combo, and more.
iX FrameworkDemoDocs

Initializr – HTML5 Templates Generator


Initializr, based on the HTML5 Boilerplate template, is an HTML5 templates generator that helps you get started with your HTML5 project. It does that by generating a clean customizable template with just what your project needs.
Initializr

PUF: PHP Utility Framework


PUF is a PHP utility framework (that’s what PUF stands for). It’s a comprehensive collection of useful and popular PHP utility functions created to save time for developers that regularly use those functions when building web applications.
PUF: PHP Utility FrameworkDocs

SproutCore – HTML5 Application Framework


SproutCore is an HTML5 application framework which lets you simply create desktop-level applications for modern web browsers. SproutCore applications are full-fledged programs, written in JavaScript. That JavaScript executes in your user’s browser, freeing up your servers (and server engineers) to focus on what’s most important in a cloud application: delivering users’ data as quickly and reliably as possible.
SproutCoreDemoDocs

LimeJS – Game Framework


LimeJS is a game framework that combines lots of different HTML5 technologies and allows you to build games for mobile and touch-screen devices, but can also be used within modern browsers as applications. Games built with LimeJS are fast and have the feel of a native-experience rather than being “browser games”. Anyone familiar with native IOS or Flash frameworks will feel very comfortable working with LimeJS.
LimeJSDemoDemo 2Docs

LimeJS Supported Devices

Mobl – Open-Source HTML5-Based Language


Mobl is an open-source HTML5-based language designed to speed up your building of mobile web applications. It has fantastic (Eclipse) IDE support (such as as-you-type error reporting, code completion and reference resolving) and has a rapid save and test cycle – No more lengthy compilations, the mobl IDE compiles your modules whenever you save, ready to be tested in the mobile browser.
MoblDemoDocs

Mobl Preview Video

Amplify


Amplify is a set of components designed to solve common web application problems with a simplistic API. It simplifies all forms of data handling by providing a unified API for various data sources. Amplify’s store component handles persistent client-side storage, using standards like localStorage and sessionStorage, but falling back on non-standard implementations for older browsers.
AmplifyDocs

960 Grid on jQuery-Mobile


960 Grid on jQuery-Mobile is a port of 960 Grid to jQuery mobile. It combines the flexibility of 960.gs with the ease of jQuery mobile, with the purpose of making jQuery mobile more flexible and easier to use on mobile and touch-screen devices.
DemoDemo 2Docs

Gury – HTML5 Canvas Utility Library


Gury is a JavaScript library designed to help in the creation of HTML5 and Canvas applications. You can create a canvas tag, resize and style it, add renderable objects, animate those objects, and place it anywhere on the page in a single chained expression.
GuryDemoDocs

MooModel – Javascript Framework


MooModel is a JavaScript framework that simplifies the use of objects and classes in JavaScript. It’s built on top of MooTools and comes with an elegant syntax as well as built-in support for object-oriented features.
MooModelDocs

Galleria – JavaScript Image Gallery Framework


Galleria is a JavaScript image gallery framework, built upon jQuery, that simplifies the process of creating professional image galleries for websites and web/mobile apps. The framework has a large number of options such as transition effects, cropping methods and interaction details that you can use to customize your gallery. In addition to the generic options, each Galleria theme has some theme-specific options.
GalleriaDemoDocs

Zepto.js (beta) – Minimalist JavaScript Framework for Mobile


Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible chaining syntax. It will handle the most basic drudge and repetitive work so you can focus on getting the real stuff done.
Zepto.jsDemoDocs

Not Just A Grid – Flexible and Modular CSS Framework

Not Just A Grid
Not Just a Grid is a flexible and modular CSS framework that is designed to assist in the rapid prototyping and development of websites. It has been designed for the future with larger screen sizes and the use of CSS3 for progressive enhancement and richer user experiences.
Not Just a Grid includes separate stylesheets covering multi-column layouts, typography, forms, tables and user experience enhancement. Also included is a range of common images that are used for both visual styling and user interface enhancement. These images can easily be changed to suit your needs.
Not Just A GridDemoDocs

jQuery Form Framework – jFormer

jQuery Form Framework - jFormer
jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that: Validate client-side, Validate server-side and Process without changing pages (using AJAX).
jQuery Form Framework – jFormerDemoDocs

Treesaver.js – Framework for Creating Magazine-Style Layouts

Treesaver.js - Framework for Creating Magazine-Style Layouts
Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. With this framework designers use standards-compliant HTML and CSS for both content and design with no JavaScript programming is required.
Treesaver.js – Framework for Creating Magazine-Style LayoutsDemoDocs

The-M-Project – HTML5 Javascript Framework

The-M-Project - HTML5 Javascript Framework
The-M-Project – HTML5 Javascript FrameworkThe-M-Project

Flurid – The Fluid CSS Grid

Flurid - The Fluid CSS Grid
Flurid is a fluid width grid system optimized for flexibility (fluidity) and is the only fluid grid systems to work in Internet Explorer versions 6 and 7 (and 5, with the exception of the push/pull classes) without hiding pixels in margins.
It comes with a companion jQuery plugin to help make developing with the framework easier. Along with some additional features like equal height columns, the jQuery plugin can also automatically append alternating "odd" and "even" classes to rows and columns and apply the "last" class where needed to fix things for Internet Explorer 7 and below without the need to include these things directly in the HTML.
Flurid – The Fluid CSS Grid

Wijmo – jQuery UI Widgets

Wijmo - jQuery UI Widgets
Wijmo, a mixture of JavaScript, CSS3, SVG, and HTML5, is a complete kit of over 30 UI Widgets. It is an extension to jQuery UI with every widget built to its standards and framework. Each widget is ThemeRoller-ready.
Wijmo – jQuery UI WidgetsDocsDemo

0 comments:

Post a Comment

 
Top