Are you bored with the look of youtube videos player? The Ext.ux. YoutubePlayer is a user extension that utilizes the Youtube Chromeless API. You can embed any Youtube video into Ext native controls and place it in your application wherever you want. It’s like a mediaplayer built on top of Ext JS and the Youtube API.

Ext.ux. YoutubePlayer uses Ext native components to control the video loading/playback. It’s capable of showing the buffer status and the playback slider let’s you jump to any position in the video playback. You’ll also be able to mute/unmute the video and set the overall volume. It makes the video player looks a lot nicer.

Requirements: Ext JS Framework
Demo: http://www.siteartwork.de/youtubeplayer
License: LGPL License

• 2 Comments

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

• 2 Comments

Shadowbox is a cross-browser (supports Firefox 1.5+, Camino, Safari 2+, Opera 9+ and Internet Explorer 6+), cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. In other words, it is similar to lightbox but focusing on displaying different media formats, e.g. Flash, QuickTime, and Windows Media Player.

It’s easy to use Shadowbox with your JavaScript library of choice for a given project as well. Shadowbox comes bundled with adapters for Yahoo! User Interface Library, Ext (standalone), Prototype + Scriptaculous and jQuery. Using Shadowbox, website authors can display pictures and movies in all major browsers without navigating away from the linking page.

Requirements: Firefox 1.5+, Camino, Safari 2+, Opera 9+ and IE 6+
Demo: http://mjijackson.com/shadowbox
License: LGPL License

• 3 Comments

One of the keys to getting your pages to load quicker is to make fewer HTTP requests. So, for example, if you have 6 javascript files it would be much quicker for you to join all the JavaScript together into one file and serve that instead. You can decrease the loading time further by minify your JavaScript, CSS and HTML. And also, by gzipping your page’s components and adding a far-future expires header can make your pages load faster as well.

However, doing all these manually is a pain. Aciddrop has set up a PHP script to automatically do them for you. On the test page the load time with the compressor turned on was generally below second, and without the compressor between 3-5 seconds. The Yahoo Yslow rating went from F(45) to A(97) as well.

Requirements: PHP 4+
Demo: http://aciddrop.com/2008/01/21/boost-your-website-load-time…
License: LGPL License

• 6 Comments

SyntaxHighlighter helps a developer/coder to post code snippets online with ease and have it look pretty. It’s 100% Javascript based and it doesn’t care what you have on your server. It supports multiple languages and is very lightweight, compressed core library is 11kb plus whatever brushes you need. However, SyntaxHighlighter isn’t for those looking for ability to edit highlighted code. SyntaxHighlighter doesn’t allow users to edit the source.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://code.google.com/p/syntaxhighlighter/
License: LGPL License

• 2 Comments

This is a really good example that shows us how to create a password strength meter with a beautiful Ext User Interface. It uses the algorithm based on the code of Javascript Password Strength Meter from Geek(Wisdom).com and then use the Ext Forms to build and layout forms on the fly. It looks stunning and really professional, however this Ext form do not do anything and have very little validation on the other fields except the password field.

Requirements: No Requirements
Demo: http://testcases.pagebakers.com/PasswordMeter/
License: LGPL and MIT License

• 6 Comments

MooMonth is a full calendar application written in javascript with the MooTools framework. Heavily configurable and customizable. It features smooth sexy transitions between different views. MooMonth is available under the CC-GNU LGPL license. So your are free to download an use it whenever you like. It looks very nice generally and I am always a big fan of the fade in and out effect.

However, MooMonth is still in alpha stages though, it will be several weeks before ready to be tested in production. Feel free to try it out and then give Dnalor your opinions and suggestions about the calendar.

Requirements: MooTools Framework Required
Demo: http://moomonth.com/example.html
License: LGPL License

• 3 Comments

JSLoader is a dead-simple, non-intrusive “Javascript-on-demand” packaging convention which helps developers and the internet community rapidly develop and prototype applications without the headache of figuring out the witches’ brew of files that need to be copied, included, etc. You do not need to download anything to use all the Javascript frameworks. it is because multiple sites will share this code the browser and proxy caches will help make things more efficient.

All Javascript Libraries are already installed on their server, so all you need to do is create a <script></script> tag with inside <noautolink> of your page and you should be able to load any of the available modules. Once you’ve loaded them, close the script tag out, and use a separate script block for using the API.

JSLoader supports many Javascript Framewroks. The following the an example of how to load a particular Javascript Library on your website / web application.

// Ext.js
JSLoader.load(”ria”,”ext”,”1.1.1″);
JSLoader.load(”ria”,”ext”,”2.0-beta1″);

// JQuery (no plugins yet…)
JSLoader.load(”ria”,”jquery”,”1.2.1″);

// Lightbox (for prototype/scriptaculous)
JSLoader.load(”ria”,”lightbox”,”2.03″);

// Prototype.js
JSLoader.load(”ria”,”prototype”,”1.5.1″);
JSLoader.load(”ria”,”prototype”,”1.6.0-rc0″);// Scriptaculous
JSLoader.load(”ria”,”scriptaculous”,”1.7.1-beta3″);
JSLoader.load(”ria”,”scriptaculous”,”1.8.0-pre1″);

Requirements: No Requirements
Demo: http://www.jsloader.com/
License: LGPL License

• 6 Comments

JFreeChart is a free 100% Java chart library that makes it easy for developers to display professional quality charts in their applications.The JFreeChart project was founded seven years ago, in February 2000, by David Gilbert. Today, JFreeChart is used by approximately 40,000 to 50,000 developers. JFreeChart’s extensive feature set includes:

• a consistent and well-documented API, supporting a wide range of chart types.
• a flexible design that is easy to extend, and targets both server-side and client-side applications.
• support for many output types, including Swing components, image files (including PNG and JPEG), and vector graphics file formats (including PDF, EPS and SVG).
• JFreeChart is “open source” or, more specifically, free software. It is distributed under the terms of the GNU Lesser General Public Licence (LGPL), which permits use in proprietary applications.

Requirements: Java 2 platform (JDK version 1.3 or later)
Demo: http://www.jfree.org/jfreechart/samples.html
License: LGPL License

• 1 Comment

CodePress is a web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it’s being typed in the browser. It supports PHP, Java, Javascript, Perl, SQL, HTML and CSS. CodePress is distributed under the LGPL. It provides the following features.

1. Real-time syntax highlighting » just write some code
2. Code snippets » on PHP example type “if” and press [tab]
3. Auto completion » simple type ” or ( or ‘ or [ or { on any example below (except Plain Text)
4. Shortcuts » on PHP example press [ctrl][shift][space]. It’s shortcut to
5. Multiple windows » you can add multiple CodePress windows to the same page

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.codepress.org/
License: LGPL License

• 2 Comments