WebAppers

/ best free open source web resources /

Graphic Resources

Making any Webpage Element Zoom with jQuery

Posted · Category: GPL License, MIT License, Tools

Zoomooz.js is an easy-to-use jQuery plugin for making any web page element zoom. You can easily add the zoom effect by adding the class “zoomTarget” on any HTML elements. The zoom can be reset by clicking the body. It has been tested on Internet Explorer 9, Safari 3+, Firefox 3.6+, Opera and Chrome.

However, it does not work with older version of IE. And it requires a separate css file. Transforming elements with text content in Opera is buggy as well.

zoom-jquery

Requirements: jQuery Framework
Demo: http://janne.aukia.com/zoomooz/
License: MIT, GPL License

Fully Customizable jQuery Photo Viewer with CSS3

Posted · Category: Gallery, MIT License

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3. It scales to the viewport and is iPad and iPhone ready.

It supports Keyboard navigation and fully customizable via CSS. There are total 7 different transition effects for you to choose from. However, please note that Glisse.js uses a lot of new CSS3 features like keyframes. It’s definitely not a good idea to uses it on a general public websites.

glisse-js

Requirements: CSS3 Support and jQuery Framework
Demo: http://glisse.victorcoulon.fr/
License: MIT License

Create a Web Page with Curtain Rises Effect

Posted · Category: MIT License, Tools

Curtain.js allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.

To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that’s not all, there is more features! For example, you can easily add a fixed element or multiple “steps” element into a pannel.

curtain-js

Requirements: JavaScript Enabled
Demo: http://curtain.victorcoulon.fr/
License: MIT License

Giveaway 5 x aMember Pro Membership Software

Posted · Category: Announcement

aMember Pro is membership/subscription software developed since year 2002. Within these 10 years, they have implemented more than 100 payment system and more than 120 third-party scripts integrations. New version 4 of aMember Pro combines fresh modern UI and CGI-Central’s long-term expertise in this area.

aMember Pro accepts subscription payments, manage customer profiles, deliver digital content, integrate with your blog, forum, or CMS, send opt-in newsletters, run your own affiliate program everything is easy with aMember Pro.

amember-pro

In this giveaway, 5 lucky readers will get aMember Pro worth $179.95 each which includes lifetime license with 6 months of free updates so you can start building your membership website immediately.

Just leave a comment below on how you would use aMember Pro to build a membership website. We will pick 5 lucky readers and announce the results on 19th Feb 2012. Best of luck.

Set YouTube Video as Background with Tubular jQuery Plugin

Posted · Category: MIT License, Video

Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Usage is straightforward and requires JavaScript and the Flash player to be installed and functional on the client’s browser. tubular is dependent on jQuery and swfobject.

Just attach it to your body tag, specify a YouTube video ID and tell it the ID of your content wrapper, and you’re on your way. Please note, tubular must be deployed on a web server to function. The YouTube player will not work when loaded into your browser from your machine.

youtube-background

Requirements: jQuery and Flash
Demo: http://code.google.com/p/jquery-tubular/
License: MIT License

Generate Consistent Color Palette with Colllor

Posted · Category: Color Schemes, License Free

With Colllor it is much easier to generate a consistent color palette with just a few clicks. You should use colors consistently, so you have a common look and feel throughout your design. All the alternative proposals produced by Colllor derive from the same color and they all have a common denominator sharing hue, lightness or saturation values.

Colllor will let you find the exact value of darker shades of any color, not just something that ‘looks darker’. That will be a huge step towards professionally looking color combinations. And also, you can use plain English or Hex color names.

colllor2

Requirements: –
Demo: http://colllor.com
License: License Free

JavaScript Templating Engine by Twitter

Posted · Category: Framework

Hogan.js is a 2.5k JavaScript templating engine developed at Twitter. You can use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.

Hogan.js was developed against the mustache test suite. That means you get variables, sections, lambdas, partials, filters, and everything else you’ve come to expect from mustache templating but only much, much faster.

javascript-template

Requirements: JavaScript supported browsers
Demo: http://twitter.github.com/hogan.js/
License: Apache License

Adding Alert Bubbles for Favicon Image with Tinycon

Posted · Category: MIT License, Tools

Tinycon allows the addition of alert bubbles and changing the favicon image. Tinycon gracefully falls back to a number in title approach for browers that don’t support canvas or dynamic favicons.

Alerts in the favicon allow users to pin a tab and easily see if their attention is needed. You can look up and check out the favicon on the example page to see the library in action on chrome and firefox.

tinycon

Requirements: Canvas Supported Browsers
Demo: http://tommoor.github.com/tinycon/
License: MIT License

HTML5 Book-Flipping jQuery Plugin

Posted · Category: MIT License, Tools

Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine with HTML5. It works in all modern browsers including touch devices. And it is easy to manipulate, and lightweight with only 15k. Turn.js is released under MIT License.

javascript-book-flip

Requirements: HTML5 Supported Browsers
Demo: http://www.turnjs.com/
License: MIT License

Stunning Free Icon Set for Valentine’s Day

Posted · Category: Icons, License Free

Smashing Magazine has just released fantastic St. Valentine’s icon set, which is available in transparent PNGs as well as Photoshop PSDs (128×128 px) and are perfect for any projects you have coming up for St. Valentine’s Day.

Valentine’s icon set is completely free to use for commercial or personal applications without any restrictions.

valentine-icons

Requirements: –
Demo: http://www.smashingmagazine.com/2012/02/02/freebie-valentines…
License: License Free

Page 2 of 3«123»
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons