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

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

Amy Editor is a collaborative text and source code editor for developers. It support JavaScript, Ruby, PHP, C#, Java, HTML, YAML, etc… programming languages. It has Syntax Highlighting, Smart indentation for each language, Code folding, Unlimited undo/redo, Customizable key shortcuts, etc… You can easily change the color themes of the editor easily.

Word completion is another killer feature. Simply pressing Esc on uncompleted word you’re writing will cause the editor to lookup any combination of document words starting by the same sequence of characters in both directions (before and after current word). You will be offered the nearest word followed by second-nearest etc. To toggle among word variations, simple keep pressing Esc key. You can start trying Amy Editor by simply accessing “File” > “New From Template” > “PHP” > “Common HTML / PHP Document”.

amy-editor.png

And also, you can easily embed Amy Editor to your own web page. Simply create a textarea matching your design in size and location and mark it by special amy attribute. Then load Amy using <script … tag with desired bundle and theme. You can view the Embedded Amy. You can also view the details of Amy Editor here.

Requirements: -
Demo: http://www.april-child.com/amy/amy.php
License: License Free

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website. There are three different ways to apply the wrapping shape to your site. Each has it’s benefits and drawbacks, you can choose the most suitable method for your website.

css-text-wrapper.png

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

A favicon (short for ‘favorites icon’), are little icons associated with a particular website or webpage, shown next to the site’s name in the URL bar of most browsers. The most common sizes for favicons are: 16×16, 32×32, 48×48, 64×64, 128×128. Genfavicon looks very clean and easy to use. You can create your favicon in 3 easy steps.

1. Browse to the file’s location on your computer to select the image or input the url of the image directly, and then press “Upload Image” button
2. Using your mouse, drag the shaded square over your image so it covers the part of the image you what to use to generate your favicon. Press “Capture and Preview”.
3. Preview your favicon and save your favicon by pressing “Download favicon”.

favicon.png

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

Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet. Click on the bookmarklet to run it and then you can load each individual component by simply clicking on the icon representing that component in the Design control panel.

Design features the following components:

  • Grid - overlays a highly configurable layout grid over a web-page. Grid can be set to match any set of dimensions, allowing easy development of CSS layouts in the web-browser.
  • Rule - displays rulers on a page, with all the expected features of the rulers found in a desktop design application, including guides which snap to block display elements and origin location control.
  • Unit - allows measurements to be made between any two points on a web-page, giving basic information about each of the points clicked on, and drawing a line on the page for the measurement.
  • Crosshair - draws a crosshair cursor on the page to assist in layout alignment. Cursor information is also presented in a tooltip.

design.png

Requirements: IE 7, Firefox 2+, Safari 2.0.4+, Opera 9.2+
Demo: http://www.sprymedia.co.uk/article/Design
License: License Free

PicMarkr lets you to add custom watermark (image or text) to your images online and free. It is useful when you need to protect your copyrights or if you want to add comments to your photos. It is easy to use with minimum settings, no need to download or install anything. You simply need to upload files from computer or grab them from your Flickr account. It also allows batch image processing, it can saves you a lot of time when you are adding watermark to many images.

watermark.png

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

3d package is a 3d-box graphic generator. 3d package lets you instantly create 3d-box images online for free. Just upload pictures for cover and sides and then get 3d-box in you favorite image format (JPG, GIF, PNG supported). You can use it anywhere you like, I think it would be useful when you would like a 3d-box image for your web applications.

P.S. You can also create CD-box and DVD-box easily as well.

3d-box.png

Requirements: -
Demo: http://3d-pack.com/
License: License Free

keyword-spy2.png

There are more than 1 billion keywords searched every month by users around the world. Finding the correct ones for your website is not an easy task. Hundreds of hours must be spent in searching for the right keywords for one ad campaign.

Your competitors know best, why not let them do all the hard work by spending time and money on keywords you in turn will use for your ad campaign. With just a few clicks you can create a large targeted keyword campaign. Only use keywords that are proven to generate sales and save money.

Companies with a much larger list of keywords drive more traffic to their sites compared to those who have less. KeywordSpy helps drive traffic from competing sites to your own instantly, resulting in optimum exposure at the least amount of time and costs.

4 Simple Steps

  • Type in a keyword or domain
  • View your competitor’s keywords
  • Import keywords for your own ad campaign
  • Watch your revenue grow

keyword-spy.png

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

Have you thought of uncompressing your zip files online? Although, Wobzip is still in the process of development, I found it works very well and easy to use. It supports different formats of zip files, e.g. 7z, ZIP, GZIP, TAR, BZIP2, RAR, CAB, ARJ, Z, CPIO, RPM, DEB, LZH, SPLIT, CHM, ISO. After uncompressed the zip file, you can download the unzipped files easily. It has virus detection as well.

unzip.png

Requirements: No Requirements
Demo: http://wobzip.filetap.com/
License: License Free

The number of subscribers is very useful for bloggers to determine the popularity of their blogs. Yet, bloggers may hope that the FeedBurner stats can tell us how fruitful our effort results without much analytical calculation on our own. As such, Blog Perfume has developed Feed Analysis v1.0 which can provide bloggers, with the aid of beautiful interactive charts, a more detailed report and analysis from our feeds.

feed-analysis.png

By the use of Feed Analysis, the number of subscribers for each month is neatly shown on the column chart. You can also view the number of subscribers, hits, views and clicks for every single day from the line chart. The best/worst day of the week is also available which is displayed on the pie chart. And also, Feed Analysis can give you an estimated value for your blog / site according to the number of your subscribers. From now on, you can analyze your feeds online for FREE to use as long as you have a Feedburner account.

Requirements: No Requirements
Demo: http://www.blogperfume.com/feed-analysis/
License: License Free

Page 4 of 6« First...«23456»
Web Resources Menu

Web Component Resources

Web Design Resources

Extra Resources

  • Web App UI Templates
  • ProWorkflow – Project Management Software
  • banner design
  • Website Templates, Web Templates, Flash, Word Templates - DreamTemplate
  • Mosso

Search Site

Logo Design Templates, Postcard Design Templates, Website Header Templates, Stock Vector Illustrations