WebAppers

/ best free open source web resources /

Graphic Resources

How to Install & Configure Magento in Easy Steps

Posted · Category: eCommerce

Magento is a very Powerful Open Source eCommerce System, which offers offering unprecedented flexibility and control.

Nettus has written a tutorial: “Easy E-Commerce With Magento” which demonstrates how to download and install Magento to a local host, configure some of the site options, and create simple and configurable products and categories for your e-commerce site. You can learn most of the basics of Magento from the tutorial.

Magento Tutorial

Source: http://net.tutsplus.com/videos/screencasts/easy-e-commerce…

How To Create A Scrolling Background Effect

Posted · Category: Information, License Free

Would you like the Scrolling Background Effect like youlove.us? The technique is actually a lot simpler than it looks, it’s based around scrolling a very tall gradient image behind some transparent PNG images. The header image has a transparent background and solid text, while the main page is actually an image with the heading text as transparent cut outs.

The JavaScript is where the real magic happens. They have made use of the jQuery library and Alexander Farkas backgroundposition.js script to help them make the background move. The final result looks very nice. However, it might consume a lot of your CPU resources.

Scrolling Background Effect

Requirements: jQuery Framework
Demo: http://youlove.us/blog/the-youloveus-scrolling-background-effect…
License: License Free

How to Create An Elegant jQuery Image Gallery

Posted · Category: Gallery, License Free

DreamCSS has written a tutorial explains how to Create Beautiful jQuery sliders with image description and name. The gallery looks so simple but elegant. The text effect it displays the image title and description is very attractive as well.

jquery slider

Requirements: jQuery Framework
Demo: http://dreamcss.comli.com/jquery sliders/
License: License Free

Capture Any Webpage From Any Browser with Aviary

Posted · Category: Capture

Aviary has just launched Screen Capture Talon that can let you capture any webpage from any browser, by simply putting Aviary.com/ in front of the URL. You can capture a page at different resolutions or to only capture a portion of the page as well.

After capturing the page, you can edit it, add simple markup to it and save it to your desktop (or host it online with a single click). It works on almost any public page on the Internet, with any browser. It can even capture Flash. However, it does not support multiple browsers / operating systems at the moment.

Webpage Capture

Source: http://aviary.com/launch/talon

Open Source JavaScript Regular Expression Library

Posted · Category: Code, MIT License

JavaScript regular expression library

XRegExp is an open source (MIT license) JavaScript library that provides an augmented, extensible, cross-browser implementation of regular expressions, including support for additional syntax, flags, and methods.

XRegExp adds new regex and replacement text syntax, including comprehensive support for named capture. It also provides a suite of 12 functions and methods that make complex regex processing a breeze. And it lets you easily create and use plugins that add new syntax and flags to XRegExp’s regular expression language.

XRegExp is fully compliant with the regular expression flavor specified in ECMA-262 Edition 3 (ES3), and has been tested with Internet Explorer 5.5–8, Firefox 2–3, Safari 3–4, Chrome 1–2, and Opera 9. XRegExp uses feature detection—no browser sniffing.

Requirements: –
Demo: http://xregexp.com/
License: MIT License

Drag and Drop Table Content with Javascript

Posted · Category: License Free, Tables

With 200 lines of JavaScript, you can drag and drop table content. Content of the HTML table cells can be dragged to the another table cell or another table. Script has built in autoscroll and option to forbid landing to some table cells. Table could have rowspan or colspan cells and different background color for every cell.

In order to detect destination table cells, script calculates all table cell coordinates / dimensions and store them to the arrays. Arrays are searched inside onMouseMove handler and when user release left mouse button, object will drop to the current table location.

drag and drop table content

Requirements: FireFox 3, Internet Explorer 6 and Google Chrome
Demo: http://www.redips.net/javascript/drag-and-drop-table-content/
License: License Free

Scripty2 – Complete Rewrite of Script.aculo.us Library

Posted · Category: CC License, Framework

scripty2 is a complete rewrite of the venerable script.aculo.us library. It is a powerful, flexible JavaScript framework to help you write your own delicious visual effects & user interfaces.

However, scripty2 is still in a prerelease alpha version and not meant for production use at the moment. Even in alpha, the effects engine can now do so much more, with less code to write.

Scripty2

Requirements: Prototype Framework
Demo: http://scripty2.com/demos/cards/
License: Creative Commons 3.0 License

80 Refined Social Networking Icons For Free

Posted · Category: CC License, Icons, Social

Komodo Media has developed over 80 refined, amazing social networking icons for the top networks around. The Social Network Icon Pack consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format. Social Network Icon Pack is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.

Social Icons

Requirements: –
Demo: http://www.komodomedia.com/blog/2009/06/social…
License: Creative Commons 3.0 License

Open Source Pageflip Engine Written in AS3

Posted · Category: Gallery, LGPL License

MegaZine 3 is an open source pageflip/flashbook engine, written completely in AS3. It generates an interactive book, which can then be flipped through by the user. MegaZine 3 uses a completely dynamic approach, allowing full configuration through an external XML file. This makes it easy to set up books even if you do not even own the Flash IDE.

MegaZine 3 automatically generates a control bar that allows jumping to every individual page. It also generates thumbnails for the pages, to make it easier for the user to find a page again, or getting a first impression.

pageflip engine

Requirements: Flash Required
Demo: http://megazine.mightypirates.de/demo/index.html
License: LGPL License

OS X Style Docks & Stacks Navigation with jQuery

Posted · Category: License Free, Menu

While mimicking the OS X dock and stacks isn’t new, it’s certainly not common. Nettuts has shown us a few ways to do “Outside the Box” Navigation with OS X style docks and stacks navigation.

jQuery OS X Stack and Drop Stack is my favorite navigation style out of the three shown in the tutorial. It’s super lightweight (~1kb). It might be a little awkward having the navigation in the bottom right or left of the browser window but it would certainly be creative and save lots of space.

Creative Nagivation

Requirements: jQuery Framework
Demo: http://nettuts.s3.amazonaws.com/358_jquery…
License: License Free

Page 243 of 322...«239240241242243244245246247»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons