Open Source Resources for Web Application Developers

DAT.GUI is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly. DAT.GUI will infer the type of the property you’re trying to add (based on its initial value) and create the corresponding control.

By default, DAT.GUI panels will be automatically added to the HTML document and fixed to the top of the screen from right to left. You can disable this behavior and append the gui DOM element to a container of your choosing.

Requirements: Javascript enabled
Demo: http://dataarts.github.com/dat.gui/
License: License Free

• 1 Comment

TeuxDeux is a simple, designy, free, browser-based to-do application. The idea was to build a bare-bones, but visually compelling and highly usable to-do app: Use the free browser-based TeuxDeux at work/home and then take your to-dos on the road with the iPhone app.

You can also print a beautiful copy of your TeuxDeux list. They added a lovely print.css that makes it easy. Just print and they take care of the styles.

Requirements: -
Demo: http://teuxdeux.com/
License: License Free

• 0 Comments

PDFKit is a PDF document generation library for Node that makes creating complex, multi-page, printable documents easy. It is written in pure CoffeeScript, but you can choose to use the API in plain ‘ol JavaScript if you like.

The API embraces chainability, and includes both low level functions as well as abstractions for higher level functionality. The PDFKit API is designed to be simple, so generating complex documents is often as simple as a few function calls.

Requirements: Node.js
Demo: http://devongovett.github.com/pdfkit/
License: MIT License

• 1 Comment

RandomText was created by Dale Davies mainly as a learning exercise, but also to address the need for an online tool to quickly generate dummy text. RandomText is a web application that designers and developers can use to quickly grab dummy text in either Lorem Ipsum or Gibberish format.

It is very handy and helpful when designing web sites. You can create dummy paragraphs, lists and headings easily with RandomText. You can also view the result as a plain text or HTML code.

Requirements: -
Demo: http://www.randomtext.me/
License: License Free

• 2 Comments

Mobilizer is a mobile preview desktop application. You can easily preview mobile websites, design mockups, and local HTML on Mac or PC. You can preview on iPhone 4, Palm Pre, HTC Evo, and Blackberry Storm, with more devices on the way.

Simply visit any URL or drag and drop local HTML, Flash, or image files. You are able to view the same site on multiple devices. At last, you can export PNGs of device views, which is perfect for portfolios.

Requirements: Adobe Air
Demo: http://www.springbox.com/mobilizer/
License: License Free

• 3 Comments

GitHub for Mac has just launched recently. Now you can Clone repositories, Browse history, Commit changes, Branch code, and Share code on github.com as simple as possible. The sync button pushes your changes to GitHub and pulls down other’s changes in one operation.

You can add a repository by dragging a folder to the application. When you add repositories to GitHub for Mac, they automatically match them up with any organizations you belong to.

Requirements: Mac
Demo: http://mac.github.com/
License: -

• 2 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

The Endless Mural is an interactive, collaborative art website built in HTML5. You can experiment, play and draw, using all the tools and artwork provided. When you are happy with what you have created, submit your composition to the endless mural and become a part of this global collaboration.

See your own drawing as a part of an ever growing, ever evolving whole, and take a look at what contributors from all over the world have created.

Requirements: HTML5 Browser Support
Demo: http://endlessmural.com/
License: License Free

• 1 Comment

Your infrastructure has hundreds of log files spread across dozens of machines. For monitoring deployments and troubleshooting, you need to instantly see composite streams of log messages in a single user interface.

Log.io is a real-time log monitoring in your browser. Harvesters watch log files for changes, send new log messages to the server, which broadcasts to web clients. Users create stream and history screens to view and search log messages.

Web client has been tested in Chrome, Safari, and Firefox. Harvester & Server have been tested on Ubuntu 10.10.

Requirements: Ubuntu 10.10
Demo: http://logio.org/
License: Apache 2.0 License

• 0 Comments

Textify lets you drag an image onto the page and watch it be reconstructed purely out of text. The markup for the resulting textual image can be copied and used elsewhere.

There are a lot of settings which allow you to control the characteristics of the text. Even the smallest tweak to the settings can result in a very different output. Beware that using very large amounts of text will cause heavy browser lag. Textify has only been tested and confirmed to work in Chrome and Firefox 4.

Requirements: Chrome or Firefox 4
Demo: http://textify.it/
License: License Free

• 2 Comments