Open Source Resources for Web Application Developers WebAppers - Hunting the Best Open Source Resources for Web Developers

With maps.amung.us you get to see exactly where your site visitors are from - live! The maps update themselves on your site without having to reload the whole page. The maps are customizable which you can choose different backgrounds, pin shapes and color schemes. Embeddable maps are available in two sizes, a full size version and a smaller version for sites that have lesser space. Just copy the code into your website to get it working.

map.gif

Requirements: No Requirements
Demo: http://maps.amung.us/
License: License Free

YAML was conceived as a basis for developing flexible layouts, with a strong emphasis on meeting the challenges that result from working with elastic containers. The most important features:

  • A flexible, accessible basic layout with a header and footer, a content area with one to three columns
  • Cross-browser compatible layout display
  • The fewest possible restrictions for the designer (fixed or flexible layouts, variable column widths, etc.)
  • User-defined order of content columns in the source code (”any order columns”)
  • Stylesheet templates ordered by function
  • Column separators and backgrounds all generated without images and continuous down to the footer
  • Flexible division of space inside the various containers via subtemplate

This system allows for the rapid development of designs with one to three columns, with fixed or variable widths. With subtemplates (flexible grids), the column system can be endlessly nested and expanded. The YAML basis layout can be extended with special containers which help set the layout width or can create a border around the layout. YAML is more than just a simple multicolumn layout. It is an entire layout framework, highly flexible, and tested under real-world conditions with Cross-Browsers Compatibility.

The YAML Builder comes as a preview version v0.3 is now available that allows the visual development of YAML based CSS layouts directly within your web browser.

yaml.gif

Requirements: Any Modern Browsers
Demo: http://builder.yaml.de/
License: Creative Commons License

FastFind Menu Script is a javascript menu created by ActiveSpotLight under the BSD License. It pulls a content feed as data to populate the menu, this can be static or dynamic. The version they use internally uses JSON/XML as data feeds. This script allows for nested menus, based on dynamic Ajax responses. The menu can also be dragged/dropped by using the jQuery Interface Library. I really like the menu because it is very clean and smooth. It is very extremely useful for any web applications that has no space to place a menu.

FastFind Menu Script is still under development and has been tested in FF1.5-2, IE 6-7, Opera 9, and Safari. The current build has the following issues in Safari: Arrows do not appear to show in-menu versus external links, as appear in the other browsers.

fast-find-menu.gif

Requirements: JQuery Framework and Interface for jQuery
Demo: http://labs.activespotlight.net/jQuery/menu_demo.html
License: BSD License

Devthought CSS + Javascript Fancy Menu

I think many readers are familiar with this awesome Javascript CSS Menu by Devthought, but I really need to include it in WebAppers. Fancy Menu is nothing to do with Flash. it is a custom navigation bar with some cute Javascript effects that will certainly impress your friends. It requires Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible.

fancy-menu.gif

Requirements: Internet Explorer 6+, Firefox and Safari
Demo: http://devthought.com/cssjavascript-true-power-fancy-menu/
License: License Free

PHP/SWF Charts is a simple, yet powerful PHP tool to create attractive web charts and graphs from dynamic data. Use PHP scripts to generate or gather the data from databases, then pass it to this tool to generate Flash (swf) charts and graphs. PHP/SWF Charts makes the best of both the PHP and SWF worlds. PHP scripts provide integration, and Flash provides the best graphic quality. It supports many charts types, Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, Parallel 3D column, Pie, 3D Pie, Bar, Stacked bar, Floating bar, Area, Stacked area, Candlestick, Scatter, Polar, Mixed, Composite and Joined. Can you ask for more? They have the following main features.

  • Web charts and graphs from dynamic data
  • Live and interactive chart updates without reloading the web page
  • Clickable charts, and drill-down
  • Animated transitions
  • Printable charts
  • Simple and flexible chart generation

PHP/SWF Charts is free to download and use. The free, unregistered version contains all the features except for:

  1. Clicking a chart takes the user to the PHP/SWF Charts web site
  2. No displaying charts inside another flash file
  3. No technical support, and no product updates by e-mail

php-swf-charts.png

Requirements: Flash Player 6+, Server with PHP Support
Demo: http://www.maani.us/charts/index.php?menu=Gallery
License: License Free

Sekkyumu gave a little present to everyone on his birthday (23th August). He has released Developpers which is a set of gorgeous 105 icons (32×32) for your toolbar or anything. All the icons are in the format of .png, .ico, icns, .icontainer. They are licensed under Creative Commons, you can use them whatever you want. Let’s say happy birthday and thank you to him! I really love these icons, what do you think?

developpers.png

Requirements: No Requirements
Demo: http://sekkyumu.deviantart.com/art/Developpers-Icons…
License: Creative Commons License

Ext File Upload Form Widget

ext-upload.pngAnother great Addon for Ext Framework again. Ext File Upload Form Widget is to provide an user interface for easy uploading of files to a server.

Files are first added to an “upload queue” and then they are uploaded to the server. Any file can be individually removed from the queue before upload or the whole queue can be cleared.

The result of upload is shown for each file by icons of success or failure and, in the case of failure, the server error message is shown as the tooltip of the failure icon.

Requirements: Ext Framework
Demo: http://aariadne.com/uploadform/
License: LGPL License

CSS Compressor to Save Your Bandwidth

We can use this CSS Compressor made by CSS Drive to compress the CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. The “Normal” mode should work well in most cases, creating a good balance between the two. It can also strip all of your comments automatically as well. However, I suggest that you keep your original CSS file, it can make your life much easier if you need to edit your CSS file.

Requirements: No Requirements
Demo: http://www.cssdrive.com/index.php/main/csscompressor/
License: License Free

richfaces.gif

RichFaces is a rich component library for JavaServer Faces built on an advanced open source framework (Ajax4jsf). It allows easy integration of AJAX capabilities into enterprise-level business application development. RichFaces enriches the Ajax4jsf framework in two important ways. First, it expands the number of visual ready-to-use components. Secondly, it fully implements the skinability feature of the Ajax4jsf framework including a large number of predefined skins. Using skinability, it is much easier to manage the look-and-feel of an application.

This demo Web application showcases the most important functionality available in RichFaces components. For each component or component set selected in the left-hand sidebar, you can see it in action. Also, you can instantly see the effect of predefined skins on the application whole look-and-feel. I really like the “Drag Indicator” one.

Requirements: No Requirements
Demo: http://livedemo.exadel.com/richfaces-demo/
License: LGPL License

Other than Google Adsense, Banner Ads and Text Link Ads, we have another way to advertise and monetize our website very soon. Youtube has just started video advertising solution, now you can run your own video advertising soon.

For Advertisers, LiveRail is a unique online video advertising platform that lets you promote your business with measurable results and predictable costs, by only paying when someone chooses to watch your ad.

For Publishers, LiveRail can help you distribute your video content online and monetize it without signing away your copyrights. By publishing your video through LiveRail serve your video back exclusively to your own website, covering all your bandwidth costs, along with highly targeted, relevant and unobtrusive advertising, that your viewers only need to watch when it interests them.

liverail.gif

Advertisers can see a full list of their active campaigns, with breakdowns on their views, click throughs and spending.

liverail2.gif

Advertiser’s commercials are encoded in Flash-video format, and include descripions and links to the advertiser’s website. If you want to find out more about how LiveRail works, you can request an invitation and start using the system.

Page 37 of 53« First...«3536373839»...Last »
Web Resources Menu

Web Component Resources

Web Design Resources

Extra Resources

Search Site

Advertise on WebAppers?