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 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 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.
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.
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
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.
LimeJS Supported Devices
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.
Mobl Preview Video
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.
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.
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
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 LayoutsDemoDocs
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 WidgetsDocsDemo
Your Favorite Web Developer Frameworks and Libraries
What other web developer frameworks and libraries have you found useful? Share your favorite ones in the comments section below.