Open Source Resources for Web Application Developers

The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is is based on the Prototype JavaScript framework and script.aculo.us. Drag to draw areas, selection area can be moved and resized. It allows dynamic preview of resultant crop (if minimum width & height are provided), this is implemented as a subclass so can be removed if not required. All functionality & display compatible with most popular browsers.

Requirements: IE 6 & 5.5, Firefox 1.5, Opera 8.5 & 9.0b, Camino 1.0, Safari 2.0
Demo: http://www.defusion.org.uk/demos/060519/cropper.php
License: BSD License

• 3 Comments

Markup Generator is a simple tool created for xhtml/css coders that are tired of writing boring frame code at the very beginning of slicing work. It’s main purpose is to speed up your work by generating xhtml markup and a css frame out of very intuitive, shortened syntax so you can jump directly to the elements styling.

This tool uses enhanced, line-by-line, css-a-like syntax with space indent to generate xhtml markup. You can add tag, ids, classes, content and an additional code.

Requirements: -
Demo: http://lab.xms.pl/markup-generator/
License: License Free

• 10 Comments

PicLens instantly transforms your browser into a full-screen, 3D experience for viewing images on the web. Photos will come to life via a cinematic presentation that goes well beyond the confines of the traditional browser window. With PicLens, browsing and viewing images on the web will never be the same again.

Their new interactive “3D Wall” lets you effortlessly drag, click, and zoom your way around a wall of pictures for an extraordinary, full-screen viewing experience. Why mundanely flip through online photo galleries or squint at thumbnails from Google Image Search when you can fly through an immersive, full-screen experience instead?

I am really amazed with the ability of PicLens. It saves me a lot of time on click “Next Page” buttons. I can scroll through all images easily and quickly. Download it and I am sure you will love it too.

Requirements: Internet Explorer, Firefox and Limited Support with Safari
Demo: http://www.piclens.com/
License: License Free

• 9 Comments

WaveMaker Visual Ajax Studio is an easy-to-use visual builder that enables the drag & drop assembly of scalable, web-applications using Ajax widgets, web services and databases. WaveMaker Studio will look and feel especially familiar to client/server developers who are used to working with visual tools. WaveMaker’s Studio enables data-driven and web-services based applications to be quickly created without complex code, forms, patterns or portal frameworks. WaveMaker’s Studio reduces the time and cost of delivering new business applications.

Drag & drop layout, visual configuration and one-click binding combine to let new Ajax developers get their first application up and running immediately. No need to read through hundreds of pages of JavaScript documentation to get a sorting grid bound to a database! Of course, Ajax Gurus can still get straight to the source. No hiding behind black box frameworks here! Customize your client with JavaScript and CSS and see instantly with Live Layout how your application will look and behave.

Requirements: -
Demo: http://wavemaker.com/
License: AGPL License

• 4 Comments

CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content. You can set the font family, size, color, letter-spacing, word-spacing, line-height and etc… It will automatically generate the CSS file for you. You can see the changes instantly. It is a really great tool for experimenting a suitable font type for your site.

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

• 5 Comments

The spam bots search the websites and create mailing list to send the spam. They take the email addresses written on your website page in text format and send you spam emails.

The spam bots are not able to read the email addresses written on a image (picture format). So to fool them we can create our email addresses written on a image. There is a free service called Spam Proof eMail Generator where you can just enter your email address, choose colors and font types and create a picture of your email address automatically for you.

Requirements: -
Demo: http://www.spam-proof-email-generator.com/
License: License Free

• 22 Comments

ACCORD5 is a company creates awesome web applications that make people happy. I agreed that the maintain perfectionist-level standards for their work. They have recently released a User-friendly help desk system called “Trellis Desk“. Trellis Desk is a powerful, robust help desk solution for your business. Improve your company’s service by allowing your customers to quickly and easily submit support tickets to your team. Trellis Desk sports a range of advanced features to revitalize the way your business handles customer support. Even better, it’s completely free; you don’t have to pay any license fees to use Trellis Desk.

Basic documentation and peer-to-peer support is also included at no charge, but to receive official customer support for Trellis Desk from ACCORD5, you’ll need to purchase a support plan.

Requirements: PHP 4.3+, MySQL 4.1+, GD 2 with FreeType support
Demo: http://demo.accord5.com/trellis/
License: License Free

• 5 Comments

Sitepoint Marketplace is an indispensable website trading point for people who are involved in buying and selling of websites. Sitepoint Watch enhanced website flipping in a more presentable effortless way. You can have all the newest and ending soon auctions of Sitepoint at a glance. Furthermore, you need not refresh the page to update the newest information. It is a handy website flipping tool for people who would like to monitor website auctions closely. It helps them buying and selling websites easily.

Source: http://www.sitepointwatch.com/

• 6 Comments

Easylistener is a Flash music player which can literally play any mp3 on the web. Simply point it at your favorite music blog, RSS feed or playlist document and it will crawl that URL and start playing back any mp3s it finds. The user interface of the player is stunning, I love it very much.

You can use Code Creator to configure Easylistener just how you want it. Just input the Playlist URL you would like Easylistener to crawl. Choose the size and the color of the player. And then click “Copy to Clipboard” when you’re finished customizing it and paste the codes into your blog, myspace or webpage.

Requirements: -
Demo: http://next.yahoo.net/archives/32/easylistener
License: License Free

• 2 Comments

Remember the time when we are creating graphical headlines and navigations of special fonts in Photoshop, optimize and save the image into GIF or PNG formats, and then upload it to the server. If we would like to change the text for the headlines, we need to do the whole process once again. Now, you do not have to do it in this clumsy way and you do not have to do it with Flash either. Text2PNG can do that for you automatically.

Text2PNG provides webmasters the ability to convert their website headlines and navigations to PNG images automatically. The process is very simple, you just code your headlines in usual HTML and CSS with an element ID. And then by adding a small JavaScript file and selecting which tags to replace, it will replace the selected headlines into graphical PNG format with your chosen font. How easy is that! You can view the example below.

In order to speed up the process of the script, they cache all the image on the browser cache and on the server. Each PNG image expiration is set to ten years from the day it’s created. However, you can always update the images on your site when the content is changed. The new images will be generated and cached again.

You can have a look at the fonts they support. If you would like to use the script in your blog or other content management system, you can use the Font Selection Tool, which allows you to select the font you need for your website easily. You can have a look at the screenshot below.

Requirements: -
Demo: http://www.text2png.com
License: License Free

• 9 Comments