Open Source Resources for Web Application Developers

Do you like the new Timeline Facebook? Now you can have it as a theme on your wordpress. Timeline WordPress Theme was designed by JuliusDesign inspired by Timeline Facebook. The theme was developed in about 10 hours only, but it looks more than amazing.

Among the most interesting features integrated into the theme, you can find the top right of the timeline by months of publishing articles. You can also enter 4 items to be placed in the upper right header always present on every page. The theme looks almost identical to Timeline Facebook, and available download for free.

Requirements: WordPress
Demo: http://www.timeline-wp.com/
License: GPL License

• 0 Comments

Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript. It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

Portamento also has sensible behaviour if the user’s viewport is too small to display the whole panel, so you don’t need to worry about users not being able to see your important content.

Requirements: jQuery Framework
Demo: http://simianstudios.com/portamento/
License: GPL 3.0 and Apache License

• 3 Comments

Deck.js is a JavaScript library for building modern HTML presentations. Deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

Deck.js has been tested with jQuery 1.6+ and works in IE7+, Chrome, FF, Safari, and Opera. The more capable browsers receive greater enhancements, but a basic cutaway slideshow will work for all browsers listed above.

Requirements: jQuery 1.6+
Demo: http://imakewebthings.github.com/deck.js/
License: MIT, GPL License

• 0 Comments

accounting.js is a tiny JavaScript library for number, money and currency formatting (currency symbol, precision, and thousand/decimal separators), with optional excel-style column rendering (to line up symbols and decimals).

It is lightweight, fully localisable and has zero dependencies. accounting.js was made by Joss for enterprise analytics application at Demand Analytics. It is released under GPL v3.

Requirements: Javascript Enabled
Demo: http://josscrowcroft.github.com/accounting.js/
License: GPL License

• 0 Comments

Ace is a standalone code editor written in JavaScript. The goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse.

It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.

The Ace source code is hosted on GitHub. It is released under the Mozilla tri-license (MPL/GPL/LGPL). This is the same license used by Firefox. This license is friendly to all kinds of projects, whether open source or not. Take charge of your editor and add your favorite language highlighting and keybindings!

Requirements: Javascript Framework
Demo: http://ace.ajax.org/build/kitchen-sink.html
License: MPL/GPL/LGPL License

• 0 Comments

Opa is a new generation of web development platform. It is a new programming language, a new web server, a new database and a new distributed execution engine, all of them tightly integrated to provide a great experience for web developers.

Opa is concise, simple and readable, it is also extremely powerful, concurrent, dynamically distributed, and extremely secure, much more so than just about any other programming language. Opa is designed to make web development fun, secure and right.

Requirements: 64 bit platforms
Demo: http://opalang.org/
License: GPL License

• 7 Comments

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. I personally found it pretty useful and easy to use.

There are one or two rather clever tricks happening with Javascript and Canvas to discover the dimensions of images and generate the CSS, they have also shared the code on Github so that others can see under the hood.

Requirements: -
Demo: http://www.spritecow.com/
License: MIT, GPL License

• 2 Comments

Vegas Background jQuery plugin lets you add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows. Slideshows of different backgrounds, transition and callbacks can be easily set up.

Most of the time, backgrounds are stretched a lot to fit big screens. An overlay with a texture can be added to mask the image degradation effects. It also adds a stylish look to your backgrounds. You can easily add overlay pattern to your backgrounds with CSS.

Requirements: jQuery Framework
Demo: http://vegas.jaysalvat.com//
License: MIT, GPL License

• 3 Comments

DepthJS allows any web page to interact with the Microsoft Kinect using Javascript. Navigating the web is only one application of the framework they built – that is, they envision all sorts of applications that run in the browser, from games to specific utilities for specific sites.

The great part is that now web developers who specialize in Javascript can work with the Kinect without having to learn any special languages or code. DepthJS is open source under the AGPL license.

Requirements: Javascript Framework
Demo: http://depthjs.media.mit.edu/
License: AGPL License

• 1 Comment

Speakker is a crossbrowser Audio solution featuring HTML5. It comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes. Easy to set up. Just a few lines of Javascript and a quantum CSS.

You can also check out HTML5 Music Portfolio Template with jQuery. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The artist albums are shown using the jCarousel plugin and the user can add song samples to the play list and reorder the songs by dragging them.

Requirements: jQuery Framework
Demo: http://www.speakker.com/demo/
License: GPL License
Demo: http://tympanus.net/Development/MusicPortfolioTemplate/
License: License Free

• 1 Comment