Open Source Resources for Web Application Developers

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. It means the plugin allows an element to animate down as the user scrolls the page. Scroll Follow has been successfully, though not extensively, tested on IE6, IE7, FF2, FF3, Safari 3, and Opera 9 all on Windows. You can also set the the duration of the sliding animation.

Requirements: jQuery framework
Demo: http://kitchen.net-perspective.com/open-source/scroll-follow/
License: MIT License

• 3 Comments

SmashingMagazine has released Fresh: an application and financial icon set. This icon set is a fresh and lively collection of 59 high-quality stylish icons in standard sizes ranging from 16×16 to 256×256 pixels. All the icons included in the set have a clean, modern look and have consistency and harmony in both perspective and color. There is also one vector file containing editable EPS icons that can be rescaled to any size while retaining their original detail.

You can use the set for websites, web applications, desktop applications or anywhere beautiful icons are essential. You can use the icons for private and commercial projects, blogs and web-sites for free, without any restrictions whatsoever.

Requirements: -
Demo: http://www.smashingmagazine.com/2008/10/09/finance…
License: License Free

• 6 Comments

TypeNeu is an odyssey in typography. TypeNeu reports on the past, present and the future of typographic culture, with main focus on typefaces and applied typography in different forms. You can see many different typography from book, fashion, illustration, magazine, packaging, poster, print and etc… Please enjoy and get some inspiration.

Source: TypeNEU – An Odyeesey in Typography

• 1 Comment

For over 25 years, U-Printing has been a trusted leader in online printing especially business cards printing, featuring its signature easy-to-use website and also provide customers with consistently high-quality printing at the lowest possible prices.

U-Printing offers WebAppers 10,000 free business cards. We have decided to give away 1,000 cards to 10 readers. You can choose any of their business cards, including the eco-friendly cover stock (13 pt. Cover Uncoated – Recycled) or the the 14 pt. family in Matte, AQ, or UV at any custom size they offer such as square cards, odd sizes like 3×3, 2×2. I am sure you would really benefit from getting these free business cards to promote your design, coding or web services.

To participate, you can simply leave a comment about what you would use the cards for. And we will draw 10 winners on 1st Nov 2008. Act quick and have a chance to win 1,000 free business cards printing now!

P.S. The shipping cost will be free for United States and Canada only. So if they live outside those areas, you will have to pay for shipping but the cards will still be free.

• 164 Comments

FormCheck is a Mootools plugin that allows to performs different tests on forms and indicates errors. It works with input (text, radio, checkbox) fields, textarea and select boxes. You just need to add a specific class to each fields you want to check. You can perform check during the datas entry or on the submit action, shows errors as tips or in a div before or after the field, show errors one by one or all together, show a list of all errors at the top of the form, localize error messages, add new regex check and etc…

Requirements: Mootools framework
Demo: http://mootools.floor.ch/en/labs/formcheck/forum-registration/index.htm
License: MIT License

• 7 Comments

CSS tooltips are very popular in modern web design and contrary to popular belief it is really easy to create them, especially with one of the all so popular javascript frameworks. In that case, you have to use at least a plugin. However, Kriesi.at has shared us an article of “Create simple tooltips with CSS and jQuery” which teaches us how to get some basic tooltips with only about 10 lines of CSS and jQuery Code.

Requirements: jQuery framework
Demo: http://www.kriesi.at/wp-content/extra_data/tooltip_tutorial/step1.html
License: License Free

• 0 Comments

We have mentioned Context Menu for Prototype, Context Menu for Mootools a while ago. Now, we have got Context Menu Plugin for jQuery. jQuery Context Menu was designed to make implementing context menu functionality easy and requires minimal effort to configure.

jQuery Context Menu is to streamline the way actions are binded to menu items and to use 100% CSS for styling. Keyboard shortcuts were added for navigating the menu once it’s open, and there are five methods to allow you to control and clean-up context menus on the fly.

jQuery Context Menu works in all browsers supported by jQuery. It has been fully tested in Internet Explorer 6 & 7, Firefox 2 & 3, Safari 3, Chrome (beta), Opera 9.5.

You can also check out another Context Menu for jQuery written by Chris Domigan.

Requirements: jQuery framework 1.2.6+
Demo: http://abeautifulsite.net/notebook_files/80/demo/jqueryContextMenu.html
License: Creative Commons License

• 2 Comments

Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them. You might never use alert() again. You can add Blackbird to your page easily, simply download the files and place them on your server or in a local directory on your computer. And then Include blackbird.js and blackbird.css in your page. Blackbird is has been smoke-tested on Internet Explorer 6+, Firefox 2+, Safari 2+, Opera 9.5.

Requirements: Internet Explorer 6+, Firefox 2+, Safari 2+, Opera 9.5
Demo: http://www.gscottolson.com/blackbirdjs/
License: MIT License

• 9 Comments

SexyLightBox is a clone of the classic lightbox, but it is more lightweight and it looks sexier. It was built for web designers, so it is really easy to install and use. SexyLightBox supports all sorts of images of different sizes and HTML elements. The images larger than the browser, are adjusted automatically to see them completely. I really like the bouncy effect when the box comes out and resizes.

Requirements: Mootools Framework 1.2
Demo: http://www.coders.me/ejemplos/sexy-lightbox-2/
License: MIT License

• 8 Comments

ColorCobmos was built to help web developers quickly select and test website color combinations. The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen. If you are looking for Color Combination ideas, check out the Combo Library. The library contains hundreds of color swatches, along with their color hex values.

You can also look at other Color Schemes Picker/Generator we talked about. I am sure that you will be able to find or create the perfect website color schemes using these color tools.

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

• 1 Comment