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.
Requirements: jQuery Framework
Demo: http://cssglobe.com/lab/easyzoom/easyzoom.html
License: MIT, GPL License
&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.
Source: http://andyet.net/blog/2011/feb/15/re-using-backbonejs-models…
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.
Source: http://blog.envylabs.com/2010/12/rails-3-cheat-sheets/
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.
Requirements: jQuery Framework
Demo: http://amplifyjs.com/
License: MIT, GPL License
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.
Requirements: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+
Demo: http://nicolasgallagher.com/css-drop-shadows…
License: 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.
Requirements: jQuery, Backbone.js, Underscore.js, LAB.js
Demo: http://addyosmani.com/resources/backbonegallery/
License: License Free
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.
BundleHunt 3 Now on Sale with Unprecedented Value for Designers and Creatives, featuring 20 popular design resources and applications normally valued at over $1287 for just $49.
The bundle includes such interesting products as Pictos Icon Set, GoMedia Arsenal Ultimate Vector & Font Collections, Wordpess themes from Press75, the newest Smashing eBook and 3 month MultiSitePlan from WPEngine.
BundleHunt 3 is offering the pack for 14 days only. The sale ends at midnight, EST on Feb 21th. Information on each product and screenshots can be found there. What are you waiting for?
Webalys has created a Free User Interface Design Framework for Web Designers. It includes GUI library – Hundreds vector elements for interface design, Minimal UI icons set – 260 vector icons for Illustrator, Styles library – 200 styles to apply in Illustrator.
You can now design faster wireframes and create better mockup deliverables in Illustrator. You can customize easily the vectors GUI elements to your own needs : you can easily resize, color or tweak their appearance.
Requirements: –
Demo: http://www.webalys.com/design-interface…
License: License Free
LimeJS is a JavaScript game framwork that allows any developer to create HTML5 based games in no time. Games created with LimeJS framework do not require any browser plug-ins or any additional software installation to run – just a modern web browser is needed.
The Current version of LimeJS supports almost all HTML5 capable browsers: Chrome, Safari, Firefox and even Opera. And of course this also covers two main mobile platforms, namely the iOS (iPad, iPhone and iPod Touch) and Android.
Requirements: HTML 5 Support
Demo: http://www.limejs.com/
License: Apache License
