WebAppers

/ best free open source web resources /

Graphic Resources

Create Interactive Subway Map with jQuery Plugin

Posted · Category: License Free, Maps

Have you been fascinated by the visual clarity of the London Underground map? Finally, with the advent of HTML5 element and jQuery, it is now possible to implement this in a way that with a little bit of effort, anyone who knows HTML can easily create a subway map.

Subway Map Visualization jQuery Plugin lets you create a beautiful, interactive subway map visualization for their website using HTML markup. The map size, line width and colors can all be customizable. The markup used to create the map is search engine friendly too.

subway-map-jquery

Requirements: jQuery Framework
Demo: http://www.kalyani.com/2010/10/subway-map-visualization…
License: License Free

Waypoints jQuery Plugin Makes Scrolling Easy

Posted · Category: GPL License, MIT License, Tools

Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element. Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.

Waypoints is dual licensed under the MIT and GPL licenses. It has been tested with jQuery versions 1.4+ in IE6+, FF3+, Safari 4+, and Chrome 6+.

waypoints-scrolling

Requirements: jQuery Framework
Demo: http://imakewebthings.github.com/jquery-waypoints/
License: MIT, GPL License

Tutorial on How to Send Text Messages with PHP

Posted · Category: Information, License Free

Text messaging has become extremely widespread throughout the world – to the point where an increasing number of web applications have integrated SMS to notify users of events, sales or coupons directly through their mobile devices. Nettuts has written a tutorial: How to Send Text Messages with PHP.

There are a myriad of methods to accomplish the task of sending a SMS through a web application. This method is really meant for low volume messaging (most likely less than 1,000 text messages per month) and developers looking to get their feet wet without forking out cash.

sms-php

Source: http://net.tutsplus.com/tutorials/php/how-to-send-text-messages…

Easy Image Zoom jQuery Plugin

Posted · Category: GPL License, MIT License, Tooltips

Easy Image Zoom is a jQuery plugin that allows users to see large details of the product while moving cursor over medium sized image. The script is very lightweight and it is is customizable with several options and simple CSS definitions. It is suitable for projects required product image magnification.

image-zoom

Requirements: jQuery Framework
Demo: http://cssglobe.com/lab/easyzoom/easyzoom.html
License: MIT, GPL License

Build Real-time Apps with Backbone.js, Node.js, Socket.io

Posted · Category: Information

&YET has written a detailed article on Re-using Backbone.js Models on the server with Node.js and Socket.io to build real-time apps.

Using this approach we send very small changes over an already established connection, we can very quickly synchronize state from one client to the other or the server can get updates from an external data source, modify the model on the server and those changes would immediately be sent to the connected clients. Best of all – it’s fast. Now, you can just write your views like you normally would in a Backbone.js app.

socket-io

Source: http://andyet.net/blog/2011/feb/15/re-using-backbonejs-models…

Rails 3 Cheat Sheets for Web Developers

Posted · Category: Information

Envy Labs Rails 3 Cheat Sheets is another great cheat sheet to add to our Web Developers Cheat Sheets. Some of these sheets may be a review if you’ve already been working with Rails 3 for a few months now, but they’re great if you’re just now getting the hang of it or you want a good reference guide.

rails-cheat-sheetr

Source: http://blog.envylabs.com/2010/12/rails-3-cheat-sheets/

jQuery Component Library For Web Applications

Posted · Category: Framework, GPL License, MIT License

Amplify is a set of components designed to solve common web application problems with a simplistic API. Amplify’s goal is to simplify all forms of data handling by providing a unified API for various data sources.

Amplify’s store component handles persistent client-side storage, using standards like localStorage and sessionStorage, but falling back on non-standard implementations for older browsers. Amplify’s request adds some additional features to jQuery’s ajax method while abstracting away the underlying data source.

amplify

Requirements: jQuery Framework
Demo: http://amplifyjs.com/
License: MIT, GPL License

How to Create CSS Drop Shadows Without Images

Posted · Category: Information, License Free

Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. The article: CSS drop-shadows without images, is a summary of the technique and some of the possible appearances.

There is no need for extra markup, the effect can be applied to a single element. A couple of pseudo-elements are generated from an element and then pushed behind it.

css-shadows

Requirements: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+
Demo: http://nicolasgallagher.com/css-drop-shadows…
License: License Free

How to Build Single Page Applications with jQuery

Posted · Category: Information, License Free

AddyOsmani has written a really throughout article on Building Single Page Applications(SPAs) With jQuery’s Best Friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating.

SPAs are web applications or websites which persistently run in the same page without requiring a reload for further navigation. All of the code needed for your initial load in these applications is driven by either local data or data retrieved from a web server on demand, such as any additional data required from your app that might be driven by user actions.

single-page-application

Requirements: jQuery, Backbone.js, Underscore.js, LAB.js
Demo: http://addyosmani.com/resources/backbonegallery/
License: License Free

Avactis 2 with Visual CSS Editor & Visual Layout Editor

Posted · Category: eCommerce

Avactis Shopping Cart is an easy to use ecommerce software that allows you to open an online store on the Internet. Compared to other similar software, Avactis offers a unique advantage of very simple integration of the online store into your existing site.

Avactis has just released Avactis 2, with a brand new Visual CSS editor and Visual layout editor. Using the visual CSS editor you will be able to easily and quickly change the store design. You can check out this video tutorial which shows how easy to modify the theme using CSS editor. Visual layout editor allows you to move page elements in drag-n-drop mode.

Avactis 2 also supports Price-based discounting, Affiliate tracking of orders, Advanced newsletter management, Quick checkout, Wish List and Gift Certificates. Avactis 2 is not free, but you can try out their free shopping cart with limited features.

Page 1 of 212»
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons