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 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
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 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 FrameworkThe-M-Project
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, 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
No comments:
Post a Comment