Open Source Resources for Web Application Developers

The Web Development Project Estimator is a simple tool that allows web designers and site developers to quickly and thoroughly estimate the time and materials required for a proposed web project.

To use, simply enter the title of the project and your default hourly rate. Then adjust your anticipated hours accordingly to generate your total project estimate. When finished, you can view your finalized estimate in a print-ready format in case you’d like to save a PDF or print a copy for your records.

Source: Web Development Project Estimator

• 7 Comments

Jonatan Castro Fernández is a spanish freelance graphic and interface designer who lives in Ourense, Spain. He has been designing for a few years and now he has started his own design studio called Midtone. He has released a set of 32px mania iconset which is absolutely free. You can use them on your website, web application or whatever. You can download the iconset directly here.

Requirements: -
Demo: http://www.midtonedesign.com/portfolio/category/goodies/
License: License Free

• 16 Comments

WireIt is an open-source javascript library to create web wirable interfaces like Yahoo! Pipes for dataflow applications, visual programming languages or graphical modeling. Wireit uses the YUI library (2.6.0) for DOM and events manipulation, and excanvas for IE support of the canvas tag. It currently supports Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ and Chrome 0.2.x.

Requirements: YUI Framework
Demo: http://javascript.neyric.com/wireit/
License: MITLicense

• 6 Comments

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css. First you’ll need content and it should be wrapped inside a div containing an ordered list where each list item represents one slide.

You can basically put whatever you want inside list items as long as you keep the same dimensions. Script automatically adds “previous” and “next” buttons in form of span elements with nested anchors just after the content element.

On each click (previous or next button) script calculates the current “position” and makes a one step in requested direction. So, the slider jumps from one slide to another. Once it reaches the end (last slide), the “next” button fades away and re-appears only if “previous” button is clicked again. Same goes for sliding towards the beginning.

Requirements: jQuery Framework
Demo: http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
License: MIT, GPL License

• 6 Comments

FreebiesDock is simply a collection of completely free design resources. All the products you’ll see there were created exclusively for FreebiesDock and you won’t see them anywhere else. There are hundreds of “free downloads” websites, but most of them provide poor quality services.

Paul Kadysz is the proud founder of FreebiesDock who wants it to be different. It provides some quality free downloads includes WordPress themes, Website templates, Royalty free icon sets, Royalty free stock photos and Design related articles.

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

• 4 Comments

After the success of Blogging Icons, Blog Perfume has just released Social Media Icons Pack which comes in really handy when integrating social media sites to your blog.

Social Media Icons Pack includes 3 sizes for 17 icons: 128×128, 64×64 and 32×32. There is an icon for the following: Blogger, Delicious, DesignFloat, Digg, Facebook, Flickr, Google, a heart icon that will work for anything (such as bookmark), MySpace, Reddit, an RSS icon, StumbleUpon, Technorati, Twitter, WordPress, Yahoo! and YouTube.

These icons are released under Creative Commons Attribution 3.0 License. You are free to use them on both personal and commercial projects.

Requirements: -
Demo: http://www.blogperfume.com/social-media-icons…
License: Creative Commons License

• 6 Comments

OpenZoom is an Open Source Framework for Multi-Scale Images and Zoomable User Interfaces (ZUI). The OpenZoom core framework is built on top of the Adobe Flash Platform and provides custom components that can be used either in Flash or Flex.

MultiScaleImage is a component that built on top of the OpenZoom framework.There are three core concepts of the MultiScaleImage, namely transformers, controllers and constraints.

The transformer controls the animation of the viewport. Controllers are the glue between user input and viewport control. The constraint controls what states the viewport can reach. Don’t want people to zoom out too much? Just add a ZoomConstraint and set minimum and maximum zoom.

Requirements: -
Demo: http://gasi.ch/blog/flex-multiscaleimage-component/
License: GPL License

• 0 Comments

Andrew Paglinawan is a self-employed graphic designer, working in the fields of logo design, print design, web design and branding. He has released a free sans serif typeface called Quicksand with 7 weights including a dashed version. The font looks really nice and professional. You can download the font here for free.

Requirements: -
Demo: http://typophile.com/node/50437/
License: License Free

• 6 Comments

Browser Security Handbook is meant to provide web application developers, browser engineers, and information security researchers with a one-stop reference to key security properties of contemporary web browsers. Insufficient understanding of these often poorly-documented characteristics is a major contributing factor to the prevalence of several classes of security vulnerabilities.

Although all browsers implement roughly the same set of baseline features, there is relatively little standardization – or conformance to standards – when it comes to many of the less apparent implementation details. Furthermore, vendors routinely introduce proprietary tweaks or improvements that may interfere with existing features in non-obvious ways, and seldom provide a detailed discussion of potential problems.

Browser Security Handbook currently covers several hundred security-relevant characteristics of Microsoft Internet Explorer (versions 6 and 7), Mozilla Firefox (versions 2 and 3), Apple Safari, Opera, Google Chrome, and Android embedded browser.

Open-source test cases provided alongside with this document permit any other browser implementations to be quickly evaluated in a similar manner.

Requirements: -
Demo: http://code.google.com/p/browsersec/
License: Apache License 2.0

• 1 Comment

Agile Carousel is a jQuery plugin that allows you to easily create a custom carousel. Call jQuery UI to enable many different additional transition types and easing methods. It uses PHP to draw images from the folder you specify.

You can also configure Agile Carousel with many different options including controls, slide timer length, easing type, transition type (e.g. blind, drop, pulsate, shake, slide and etc…) and more. The script is currently in beta version, security & feature enhancements are on the way.

Requirements: jQuery Framework
Demo: http://code.google.com/p/agile-carousel/
License: New BSD License

• 3 Comments