WebAppers

/ best free open source web resources /

Graphic Resources

An Open Source Archive & Backup for Your Tweets

Posted · Category: MIT License, Tools

Ever thought to yourself that you wish there was some way you could take a look back and see what you tweeted around this time last year? Or perhaps you remember that time you tweeted about that hilarious viral video, and now you can’t find it?

Tweet Nest is an open source browsable, searchable and easily customizable archive and backup for your tweets. Tweet Nest is programmed in PHP and requires a MySQL database to work. It’s been tested in LAMP environments, i.e. Linux/Apache/MySQL/PHP.

tweets-backup

Requirements: PHP 5.2+, MySQL 4.1+
Demo: http://pongsocket.com/tweets/
License: MIT License

Pure CSS Progress Bar with Javascript for Animation

Posted · Category: License Free, Upload

Two years ago, we have built a Javascript Progress Bar. Now, would you like a Pure CSS Progress Bar which requires one image for background stripes only? With simple Javascript for animation, it turned into a really simple and slick progress bar which you can use it anywhere on your website.

Pure CSS Progress Bar is best viewed in a Webkit based browser, Chrome is good, also Safari. Opera 10.62 looks quite good. Firefox and IE 9 kind of work (no animations). IE 8, 7 and 6 do not support rounding, shadows or animation.

css-progress-bar

Requirements: Webkit based browsers
Demo: http://ivan.ly/ui/
License: License Free

A Set of Beautiful & Useful Icons for Designers

Posted · Category: Icons, License Free

The Design Inspiration has just released a set of “Icons for Designers“. You will find the icons including Illustrations, parinting, Fonts, 3D, Photography, Drawing, Vectors, Palette, Sketchbook and Printer. All icons are 64×64px in PNG format. You are free to use them on both personal and commercial projects.

icons-for-designers

Requirements: –
Demo: http://thedesigninspiration.com/articles/10-free-useful-icons…
License: License Free

bMap jQuery Plugin for Google Maps

Posted · Category: GPL License, Maps

The bMap jQuery Plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons. The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS.

The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object. The prerequisites of the plugin are jQuery and google maps. You will need to obtain your own Google API Key.

bMap

Requirements: jQuery Framework
Demo: http://www.blocsoft.com/bmap/
License: GPL License

A Simple & Elegant Fullscreen Image Gallery with jQuery

Posted · Category: Gallery, License Free

Sideways is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon Aaron jquery mousewheel plugin.

You can use Sideways on both personal and commercial projects you choose, develop it further or just make it better.

full-screen-gallery

Requirements: jQuery Framework
Demo: http://manos.malihu.gr/sideways-jquery-fullscreen…
License: License Free

The Winners of 3x Unbranded Version of phpLD Licenses

Posted · Category: Announcement

Thank you for all of the participants of Giveaway 3x Unbranded Version of phpLD Licenses. We are happy to announce the following winner. Congratulations. You will receive an email from phpLD about how to claim your prize.

1. Demola Oladipo 2. Omar Khan 3. Jami

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.

Easy To Use jQuery Plugin For Radical Web Typography

Posted · Category: Fonts

Web Typography is exploding all over the web. In many instances we would need to style individual letters. We need a system to keep our markup maintainable. Something agile enough that a text change wouldn’t ruin us.

The solution was to call upon the power of Javascript to insert some easy to remember span tags. Here we have Lettering.JS which is a lightweight, easy to use jQuery plugin for radical Web Typography.

lettering-js

Requirements: jQuery Framework
Demo: http://daverupert.com/2010/09/lettering-js/
License: WTFPL License

Turning HTML Tables Into Advanced Editable Components

Posted · Category: GPL License, Tables

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

It loads grid from XML or attach to an existing HTML table. Built-in validators for columns of type integer, double, url, email and date. Sort columns accordingly to their types, by clicking on the column header. Open Flash Chart integration to render charts from the grid data. Callbacks for all events: load, edition, sorting, etc.

editable-grid

Requirements: Javascript Enabled
Demo: http://www.webismymind.be/editablegrid/
License: GPL License

Stunning Full Page Image Gallery with jQuery

Posted · Category: Gallery, License Free

Full Page Image Gallery with jQuery shows us how to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse.

When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

full-page-gallery

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/FullPageImageGallery/
License: License Free

Pulling Photos From Flickr Feeds & Display Them Easily

Posted · Category: Gallery, MIT License

We often work with clients that maintain accounts with Twitter, Flickr, Youtube and other services in addition to their website. Often they will want to pull in data from one of their accounts to their website.

With Flickr, this is pretty easy because they make a simple API available. Having worked with it a few times, HiFi decided to make it even easier to pull photos from a public feed. jFlickrFeed works by pulling a JSON feed from Flickr and applying the data it gets back to a template. You can also look at Flickrshow, which is a simple Javascript slideshow for Flickr.

flickr-feed-jquery

Requirements: jQuery Framework
Demo: http://files.gethifi.com/posts/jflickrfeed/example.html
License: MIT License

Page 205 of 322...«201202203204205206207208209»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons