WebAppers

/ best free open source web resources /

Shopify

jQuery File Upload with Upload Progress Bar

Posted · Category: MIT License, Upload

jQuery File Upload Plugin allows you to select multiple files at once and upload them simultaneously. You can also upload files by dragging them from your desktop or filemanager and dropping them on your browser window.

It shows a progress bar indicating the upload progress for individual files. Individual file uploads can be canceled to stop the upload progress. It also provides an API to set individual options and define callBack methods for various upload events. It works with Google App Engine (Python, Java), Ruby on Rails, PHP and any other platform that supports HTTP file uploads.

jquery-file-upload

Requirements: Chrome 7+, Safari 5+, Firefox 3.6+, Opera 10.6+, IE 6+
Demo: http://aquantum-demo.appspot.com/file-upload
License: MIT License

Open Source Gesture Library with 200 Built-in Gestures

Posted · Category: BSD License, Icons

We have mentioned Vector Based Gesture Icons for Touch Screen Interfaces earlier. Now we have got GestureWorks that ships with a library of over 200 built-in gestures.

Open Source Gesture Library is built upon an open source gesture framework, allowing developers to customize and extend the “gesture object” to create support for new gestures. You can download all free gesture and multitouch illustrations and icons. A variety of formats including scaleable formats are available.

multitouch-gesture

Requirements: –
Demo: http://gestureworks.com/features/open-source-gestures/
License: BSD License

A Signature Pad for Your HTML Forms

Posted · Category: BSD License, Forms

The Signature Pad jQuery plugin will transform an HTML form into a signature pad. The Signature Pad has two modes: TypeIt and DrawIt. In TypeIt mode the user’s signature is automatically generated as HTML text, styled with @font-face, from the input field where they type their name. In DrawIt mode the user is able to draw their signature on the canvas element.

The drawn signature is written out to a hidden input field as a JSON array using JSON.strinify(). Since the signature is saved as JSON it can be submitted as part of the form and kept on file. Using the JSON array, the signature can then be regenerated into the canvas element for display. Signature Pad works with both mouse and touch devices.

signature-pad

Requirements: Javascript and Canvas
Demo: http://thomasjbradley.ca/lab/signature-pad
License: New BSD License

jQuery E-Help Embedded Help System for Web Apps

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

Embedded Help System is “providing help where help is needed” concept that can be easily integrated into web interface. The point is to offer help to user in their working interface and actual situation.

jQuery E-Help is plugin for procedural (“How to …”) web user interface help and it’s easy to integrate into any web interface that supports Jquery. Useful for all web applications, CMS and E-commerce systems.

jquery-help-system

Requirements: jQuery Framework
Demo: http://embedded-help.net/
License: GPL, MIT License

How to Do Face Detection via HTML5 Canvas

Posted · Category: License Free, Tools

You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chinese developer Liu Liu has done the honors, and implemented Face Detection in JavaScript via HTML5 Canvas.

The algorithm is implemented on top of a JS port of a C-based computer vision library by the same author. It works off a grayscale version of the image, and seems to be quite reliable in detecting faces in photographs. The demo then draws a red box around each face in the picture, but the library could be used to do much more interesting things with this data.

face-detection

Requirements: Javascript, HTML5 Canvas
Demo: http://badassjs.com/post/1461943420/face-detection…
License: License Free

VideoJS – HTML5 Video Player with Pure CSS Skins

Posted · Category: LGPL License, Video

VideoJS is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css). Using Video for Everybody as the embed code means you know it’s compatible with many devices (including ones without javascript).

The javascript library fixes browser & device bugs, and makes sure your video is even more compatible across different browser versions. The pure HTML5/CSS skin ensures a consistent look between HTML5 browsers, and easy custom skinning if you want to give it a specific look, or brand it with your own colors.

video-js

Requirements: HTML5
Demo: http://videojs.com/
License: LGPL License

136 Minimal Icons in Raster, Vector & Font Fomats

Posted · Category: CC License, Icons

Iconic is a minimal set of icons consisting of 136 marks. To give the greatest flexibility, the icon set packages all icons in PNG, SVG, SWC, OFT/TTF/EOT and Omnigraffle stencil formats. Iconic tries to work with various tools/workflows to make your life a bit easier.

All raster-format icons come in a wide variety of colors in order for greater convenience. The colors hit all the major hues in the spectrum as well as many colors used in the scheme on this site.This set is currently licensed under the Creative Commons Attribution-Share Alike 3.0 license.

iconic-icons

Requirements: –
Demo: http://somerandomdude.com/projects/iconic/
License: Creative Commons License

Easily Create Animated Images with Animated Gif Generator

Posted · Category: License Free, Tools

Animated Gif Generator lets you easily create an animated gif by uploading a series of still images (gif, jpg, or png). Simply use the form to upload each image as desired. Once you’ve uploaded your images, you can also change the order of the images by dragging on each frame, or delete a frame by clicking the “x” icon. It is really a handy tool if you would like to create gif images online.

gif-generator

Requirements: –
Demo: http://tools.dynamicdrive.com/animatedgif/
License: License Free

Easily Create Sprite Images Online with Spritebox

Posted · Category: License Free, Tools

Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image. It is based on the principle of using the background-postion property to align areas of a sprite image into block elements of a web page. It was made using a combination of jQuery, CSS3 and HTML5, and it totally free to use.

spritebox

Requirements: jQuery, CSS3, HTML5
Demo: http://www.spritebox.net/
License: License Free

Create 3D Modelling Easily with Google SketchUp

Posted · Category: License Free, Tools

Google SketchUp is the finest (and most innovative) tool available for anyone designing anything from coffee pots to skyscrapers. You can create 3D modelling easily with it.

Redecorate your living room. Design a new piece of furniture. Model your city for Google Earth. There’s no limit to what you can create with SketchUp. There are also dozens of video tutorials, an extensive Help Center and a worldwide user community mean that anyone who wants to make 3D models with Google SketchUp, can.

3d-modelling

Requirements: –
Demo: http://sketchup.google.com/
License: License Free

Page 154 of 280...«150151152153154155156157158»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons