/ best free open source web resources /

Graphic Resources

jsDatePick – A Simple Free Javascript Date Picker

Posted · Category: Calendar, GPL License

jsDatePick is a javascript date picker that uses DOM techniques to generate its HTML code. Read the parameters and working examples below, and within minutes, you can have a popup date picking solution on your website.

The user launches the calendar by entering the input field, and then chooses a date, automatically returning the selected date to the field. jsDatePick has a range of parameters for extending or limiting default functionality.


Requirements: –
Demo: http://javascriptcalendar.org/javascript-date-picker.php
License: GPL License

Reel – Provides 360° View of Anything

Posted · Category: Demo Tour, GPL License, MIT License

Reel is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash techniques. Stitched image is not required, but they do support them too.

Try reel for yourself. Place your mouse pointer over images below. And roll your mouse wheel up/down or drag the image left/right. Reel has been tested in Safari 3+, Firefox 3+, Chrome and IE 5.5+.


Requirements: jQuery Framework
Demo: http://jquery.vostrel.cz/reel
License: MIT and GPL License

Giveaway 3 x Medium Yearly Plan of Vyoopoint

Posted · Category: Announcement

Vyoopoint was born from the need to elegantly and quickly present design work to your clients. It provides a better way to deliver designs (images, video or Flash) and gather notes/comments from the client. With Vyoopoint, uploading and presenting visual material to anyone else is now a snap!

Vyoopoint was designed and built by visual artists, for visual artists, so the interface has been kept to a minimum, which makes sure that the work being presented is what is really going to be noticed by the client. It is easy to use and not cluttered with buttons, panels and unnecessary text. It also keeps all your client work organized by project and version controlled with date stamps so you always know what revision is the most current with a project history at your fingertips.

They do have a Free plan with 1 Active Project with 5 Galleries. It allows up to 75MB with unlimited users and clients. All your files are safe and will remain password protected unless you publish a ‘public’ (not password protected) gallery. It also support Basecamp integration as well.

dsire is very kind to giveaway 3 x Medium Yearly Plan ($288 each) of Vyoopoint to our readers. Simply leave a comment and tell us what you think about Vyoopoint. We will randomly select 3 lucky people and announce the winners on 4th April. What are you waiting for?


The Winners of FusionCharts v3

Posted · Category: Announcement

Thank you for all of the participants of Giveaway 5 x Professional Licenses of FusionCharts v3. We are happy to announce the following 3 winners. Congratulations. FusionCharts will contact you guys shortly with the instruction of getting your free subscriptions.

1. Robert Durish, 2. craig, 3. Kim Steinhaug, 4. Kevin S, 5. David Pruitt

WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.

How to Create a Sponsor Flip Wall using jQuery

Posted · Category: Gallery, License Free

Designing and coding a sponsors page is part of the developer’s life. It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

TutorialZine has written a tutorial about how to create a Sponsor Flip Wall using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.


Requirements: PHP, jQuery Framework
Demo: http://demo.tutorialzine.com/2010/03/sponsor-wall-flip…
License: License Free

jPhotoGrid – Zoomable jQuery Image Gallery

Posted · Category: Gallery, MIT License

jPhotoGrid takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed. Nearly all of the styling for this plugin is done in css. The trick is to layout the grid by floating the list items. The first thing the plugin will then do, is convert these all to absolutely positioned. This is what allows the plugin to zoom in on an individual image and then return it to its place.

The javascript is easy enough to set up.  It needs to know the sizing of the thumbnails as well as the sizing and positioning of the zoomed image.  This is how the plugin is able to zoom and restore each of the images.  Note that you can also change the active and selected classes by setting them using the ‘activeClass’ and ‘selectedClass’ options.


Requirements: –
Demo: http://www.newmediacampaigns.com/files/posts/jphotogrid…
License: MIT License

Grid Accordion Expands to Reasonable Width Automatically

Posted · Category: Information, License Free

Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. One way to look at an accordion is like a collapsed single column of a table.

The Grid Accordion works with the same theory as most other accordions. Only one cell is open at a time. The big thing is that the column of the current open cell expands to a reasonable reading width.


Requirements: jQuery Framework
Demo: http://css-tricks.com/examples/InfoGrid/
License: License Free

A New jQuery Image Slider with 9 Transition Effects

Posted · Category: Gallery, GPL License

Nivo Slider is a new jQuery image slider with 9 unique transition effects. It is simple and lightweight. Nivo Slider is built with directional and control navigation. It has been tested on Internet Explorer v7+, Firefox v3+, Google Chrome v4 and Safari v4. You are free to use it under the GPL license.


Requirements: jQuery Framework
Demo: http://nivo.dev7studios.com/
License: GPL License

Giveaway 3 x Professional Licenses of FusionCharts v3

Posted · Category: Announcement

FusionCharts helps you create animated and interactive Flash charts for web and desktop applications. It livens up your applications by converting monotonous data into exciting visuals. FusionCharts offers over 45 types of 2D/3D charts including line, area, bar, column, pie, doughnut (donut), combination, scatter, bubble, scroll charts etc.

FusionCharts Free is a completely free and open-source Flash charting component. It aims to fulfill your basic charting needs with a very commonly used set of charts, having the necessary but basic features. The product is completely free with no gimmicks and no hidden pitfalls. Its features however are a lot limited than FusionCharts v3.

FusionCharts v3, on the other hand, provides you advanced charting options like exporting chart as image/PDF, gradients, 3D lighting, better animation with an easy way for building your own animation styles, exporting chart data as CSV/XML, in-built debugger, enhanced AJAX support and advanced filter effects like shadow, blur and bevel which you can apply to the various chart elements. It also provides advanced chart types like true 3D charts, scroll charts, glass-effect column charts, dual Y-axis charts to name a few.

FusionCharts is very kind to giveaway 3 x Professional Licenses ($499 each) of FusionCharts v3 to our readers. Simply leave a comment and tell us what you love most about FusionCharts and one improvement that should be made to it. We will randomly select 3 lucky people and announce the winners on 28th March. What are you waiting for?


24-03-2010 UPDATE: FusionCharts are pretty overwhelmed with the insights they have got from your valuable comments. Now, they would love to give out 5 Professional Licenses instead of the 3 we had earlier announced!

Best UI Controls for Creating Your Web Applications

Posted · Category: Information

Designing a web application? Familiarize yourself with Rich Internet Application technologies and 43 Essential Controls for Creating your Web Applications.

Rich Internet Application technology has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and timely experience. If you are moving from web site design to web application design, the best information you can have at your disposal is an understanding of these essential controls.

Many products are siloed by the RIA framework they are using, and designers create novel controls when the framework doesn’t have what they need. This can decrease the usability of the product, and increase the amount of design effort, usability testing, technical specifications and development time. Before you succumb to designing a brand new control, you should learn what’s out there.


Source: 43 Essential Controls for Creating your Web Applications

Page 1 of 3123»
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons