The AJAX Control Toolkit is a joint project between the community and Microsoft. Built upon the ASP.NET 2.0 AJAX Extensions, the Toolkit aims to be the biggest and best collection of web-client components available.
The Toolkit addresses three needs. First it gives website developers a place to get components to make their web applications spring to life, second it gives a set of great examples for those wishing to write client-side code, and third it is a place for the best script developers to get their work highlighted.
All of the controls in the Toolkit are built upon a set of classes that really help streamline the process of writing control extenders. These classes form a thin “glue” layer between the Toolkit controls and the ASP.NET AJAX classes as they exist today. While the AJAX Control Toolkit is focused primarily on providing great AJAX controls and extenders, it also includes a powerful animation framework which you can use to add awesome visual effects on your pages.
Requirements: –
Demo: http://asp.net/AJAX/AjaxControlToolkit/Samples/Default.aspx
License: Microsoft Public License
MoreCSS is a small JavaScript library for everyday things, like creating popups, tab menus, tables and lists with “zebraâ€-style and etc… But the really special thing is: you can do these things in regular CSS. Just include MoreCSS.js and an external stylesheet file in your page header. And then you can use MoreCSS properties like normal CSS properties.
Example:
a {
target:popup;
target-width:640px;
target-height:640px;
}
Requirements: –
Demo: http://yellowgreen.de/morecss
License: Creative Commons License
GWT-Ext is a powerful widget library that provides rich widgets like Grid with sort, paging and filtering, Tree’s with Drag & Drop support, highly customizable ComboBoxes, Tab Panels, Menus & Toolbars, Dialogs, Forms and a lot more right out of the box with a powerful and easy to use API. It uses GWT and Ext.
Requirements: –
Demo: http://www.gwt-ext.com/demo
License: LGPL License
The Spry framework for Ajax from Adobe Labs is a JavaScript library that provides easy-to-use yet powerful Ajax functionality that allows designers to build pages that provide a richer experience for their users. It is designed to take the complexity out of Ajax and allow designers to easily create Web 2.0 pages.
The Spry framework is a way to incorporate XML, JSON or HTML data into pages using HTML, CSS, and a minimal amount of JavaScript. The Spry framework is HTML-centric, and easy to implement for users with basic knowledge of HTML, CSS and JavaScript. The framework was designed such that the markup is simple and the JavaScript is minimal. By building the front-end of your web application with Spry you enable a more efficient designer-developer workflow by keeping UI separated from back-end application logic. You can view the demos and samples created by Spray.
Demo: http://labs.adobe.com/technologies/spry/demos/
Zend Framework is a leading open-source PHP framework has a flexible architecture that lets you easily build modern web applications and web services. Zend Framework is based on simplicity, object-oriented best practices, corporate friendly licensing, and a rigorously tested agile codebase. Zend Framework is focused on building more secure, reliable, and modern Web 2.0 applications & web services.
Zend Framework provides a lightweight, loosely-coupled component library simplified to provide 4/5s of the functionality everyone needs and that lets you customize the other 20% to meet your specific business needs. By focusing on the most commonly needed functionality, they retain the simplified spirit of PHP programming, dramatically lower the learning curve, and your training costs – so developers get up-to-speed quickly. They do this with:
- An extensible and well-tested code base – easy to augment
- A flexible architecture – not locked-in to a rigid application structure
- No configuration files necessary to get up and running – or when maintaining and deploying your apps
Requirements: PHP version of 5.1.4+
Demo: http://framework.zend.com
License: New BSD License
IT Mill Toolkit is an open-source user interface framework, prividing widgets and tools for the development of high-quality web applications. You can create stunning Rich Internet Applications (RIAs) without worrying about incompatibilities of web browsers, DOM or JavaScript by using standard Java tools. Use traditional OOP methods to build web applications that look good and feel right.
Effortless RIA Development
- Build Rich Internet Applications using Java language utilizing OO methods: inheritance and composition.
- Dozens of AJAX-enabled widgets for Rich Internet Applications (RIAs) that work with all major browsers.
- No need to learn new web technologies such as JavaScript, DOM, taglibs, etc.
- Secure server-side programming model keeps your application data secured from JavaScript threats
- Extend and build your own user interface components using Google Web Toolkit – again in Java language.
- Pluggable look and feel using standard CSS: re-brand whole applications fast – in just a few hours.
- Compatible with all standard Java application servers, including JBoss, WebLogic and WebSphere and Oracle.
- Wide range of supported browsers including Internet Explorer, Firefox, Safari and Opera.
Requirements: Java versions: 1.4, 5 and 6
Demo: http://www.itmill.com/itmill-toolkit/demos.htm
License: Apache 2.0 License
jRails is a drop-in jQuery replacement for Prototype/script.aculo.us on Rails. Using jRails, you can get all of the same default Rails helpers for javascript functionality using the lighter jQuery library. The visual effects in jRails are based on the new jquery-fx library. jRails currently uses a slightly modified version of jquery fx code to get some of the desired effects. This code is evolving and is subject to change. In the meatime, you can get a taste of the visual effects that are currently available.
Requirements: No Requirements
Demo: http://ennerchi.com/projects/jrails
License: License Free
It has long been common practise to use recurring solutions to solve common problems. Such solutions are also called design patterns. Collections of software design patterns are standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him.
UI-Patterns.com are not the first to create a UI design library. While other pattern collections are useful, they are far from coherent and complete. The purpose of this site is over time to fill some of the gaps – especially by providing code examples as to how how the different patterns can be implemented: to join theory with practice.
Requirements: No Requirements
Demo: http://ui-patterns.com
License: License Free
Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. Developed and used over two years by a fast-moving online-news operation, Django was designed to handle two challenges: the intensive deadlines of a newsroom and the stringent requirements of the experienced Web developers who wrote it. It lets you build high-performing, elegant Web applications quickly. Django focuses on automating as much as possible and adhering to the DRY principle. It has the following main features.
Object-relational mapper
Define your data models entirely in Python. You get a rich, dynamic database-access API for free — but you can still write SQL if needed.
Automatic admin interface
Save yourself the tedious work of creating interfaces for people to add and update content. Django does that automatically, and it’s production-ready.
Elegant URL design
Design pretty, cruft-free URLs with no framework-specific limitations. Be as flexible as you like.
Template system
Use Django’s powerful, extensible and designer-friendly template language to separate design, content and Python code.
Cache system
Hook into memcached or other cache frameworks for super performance — caching is as granular as you need.
Internationalization
Django has full support for multi-language applications, letting you specify translation strings and providing hooks for language-specific functionality.
Requirements: No Requirements
Demo: http://www.djangoproject.com/
License: BSD License
Mocha is a MooTools user interface class made with canvas tag graphics. It is really impressive that it requires no images. The windows, including their controls, gradients and shadows, are drawn with the canvas tag. The rounded corner radius are adjustable. Windows can be focused, dragged, resized, maximized, restored down and closed. You are able to create new windows dynamically as well. And also, it is being tested in Firefox 2, Internet Explorer 6 & 7, Safari 2, and Opera 9, so you are safe to use it on your web application.
The author is planning to add the following additional features as well. I really can’t wait to see these features being implemented.
- Create custom canvas scrollbars.
- Add a modal window.
- Create more class options.
- Add minimize to windows.
- Add a sortable dock.
- Make shadows easier to adjust.
Requirements: Mootools Framework
Demo: http://greghoustondesign.com/demos/mocha/
License: MIT License
