Apr
Google’s ‘Like’ Button: +1 Button
To put it simple, Google +1 button is a new dimension of social bookmarking. It adds your favorite websites, recipes, videos to your profile (something like Stumbleupon and other bookmarking services). It aggregates popularity of products, services, website etc. (something like Facebook ‘Like’ button).
Google +1 service gathers all this data (popularity, favorites/likes) to recommend useful and related links to website visitors. For instance, you are searching for a Chinese recipe on Google and get top rated Chinese recipes recommended by people in your network in search results. Take another example, you are browsing through an online furniture store and see links to useful products and related online stores recommended by people via Google +1 service.
Quite good for Web surfers but what is in it for website owners and bloggers?
With Google +1 service enabled on your website, visitors can trust your products/services because they are recommended by people; this could give a serious boost to your sales. Visitors can also get useful and quality links; the result is a better online experience and more visitors coming back to your websites.
Interesting? Try it yourself and leave your comments here about your experience with Google +1.
Categories:
Tags:
Mar
jQuery Spin Button Plugin: Smart Spin
Smart spin is a jQuery spin button plugin that mimics the very common windows spin button control.
Smart spin allows you to select a value between minimum and maximum values using either mouse or keyboard. You can also enter a value via keyboard.
Smart spin contains a text box and Up & Down arrow buttons, it also supports Masking (text that appears when the control looses focus).
Categories:
Tags:
Mar
Base Template for Mobile Web Applications: Mobile Boilerplate
Greepit previously shared an HTML5-CSS3 project template that contains the basic structure for starting a new HTML5-CSS3 project.
Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web applications. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile.
Mobile Boilerplate is not a framework, but works well with projects like jQuery Mobile, Sencha Touch, Phonegap and Appcelerator. You get an offline caching setup for free, fast button clicks, a media query polyfill, and many common mobile WebKit optimizations waiting for you.
Categories:
Tags:
Mar
Drop-in jQuery Replacement for Prototype & Script.aculo.us on Rails: jRails
jRails is a drop-in jQuery replacement for Prototype/script.aculo.us on Rails. This brief description might not convince you to use JRails unless you are in any of these situations:
- You are upgrading your existing applications to Rails 3 just to disover that Prototype helpers that you have been using do not work with Rails 3
- You are a Rails developer and want to use a lighter JQuery library
- You are looking for a replacement of Prototype helper or Script.aculo.us
JRails allows you to use JQuery as javascript library on Rails platform. The latest release of JRails includes support for basic AJAX calls, RJS, observers as well as a limited set of functionality for draggables, droppables, sortables and visual effects. Support will continue to grow as the jQuery UI and FX libraries mature.
Categories:
Tags:
Mar
JavaScript Library For Creating Image Watermarks With HTML5 Canvas: Watermark.js
Do you exhibit or share your digital work (photographs, graphical illustrations) without your watermark on them? If yes, you are definitely missing the due credits and recognition. Why not watermark you work when you can get it for FREE, and just a few simple steps away. You do not need a graphics application or tool to do that.
Watermark.js is a JavaScript library for creating watermarks on images. Images with a classname of your choice (default “watermark”) will get processed and then apply your watermark.
There are many ways you can use this utility to watermark your images. You can use:
- A QR code that contains information about your work, your website, or yourself
- Your own logo to brand your digital creations
- Your copyright notes to protect your work
- Tags that you want to associate with your digital work
Your watermark doesn’t have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.
Watermark.js is currently supported in Firefox 3.6, Chrome, Opera 11, IE9.
Categories:
Tags:
Mar
JavaScript Statistical Library To Perform Advanced Statistical Operations: jStat
jStat provides the power of popular statistical languages like MATLAB or R in your web browser using a simple JavaScript library. You can use jStat library to perform various statistical operations in real time and play with various parameters to get desired outputs. jStat also provides an interactive console for executing statistical command dynamically.
The majority of jStat functions can be used independently of any other libraries. However, the plotting functionality of jStat is based on the jQuery plotting plugin – flot.
With completely object-oriented design, jStat provides a clean API that can produce results in a few lines of code. jStat runs smoothly in all major browsers, however, you may face trouble using it with HTML 5 Canvas elements.
Categories:
Tags:
Mar
Animated Sliding Boxes and Captions With Mosaic jQuery Plugin
Mosaic is a jQuery plugin for generating sliding image boxes with comprehensive options for animation, captions and fade effects. With simple parameters, you can set captions, choose to prelaod images and control various properties including: directions, speed, opacity and overlay.
The plugin can be used to create a mosaic of image slides with each slide displaying with different set of hover and overlay effects (eg. left, right, top, bottom); this is useful for locking a caption to a chosen side of the box. The images within the boxes are preloaded for smooth and faster execution of slides.
Categories:
Tags:
Mar
Copy to Clipboard jQuery Plugin: zClip
zClip is a lightweight jQuery copy to clipboard plugin built using the popular Zero Clipboard library. This plugin uses an invisible Adobe Flash movie that is fully compatible with Flash Player 10 and below.
Features
- Avoids built in browser security conflicts by using a 3rd party browser plugin (Adobe Flash)
- Invisible overlay, no interference with page design
- Supplies callback functions for “before copy” and “after copy”
- Extremely light weight! (~7KB minified)
Categories:
Tags:
Mar
Syntaclet Makes Boring Code Look Pretty
How many times did you wish to see nicely formatted code snippet instead of plain, boring lines of code on forums, blogs and websites? This is where Syntaclet comes in.
Syntaclet is free bookmarklet that automatically detects code and applies language specific syntax coloring to make it readable and easy to understand.
Syntaclet is a free bookmarklet and does not require any software installation. All you have to do is to add it to your browser and click {} Syntaclet in your browser to convert otherwise plain and unreadable code in to completely formatted code.
Syntaclet can detect most popular programming language including: Javascript, C/C++, Apollo, Basic, C#, CSS, F#SML, Go, Haskell Script, HTML/XML, Java, JSON, Lisp, Perl, Python, Ruby, Scala, SQL, VHDL, YAML.
Categories:
Tags:
Mar
Modular CSS Framework for Rapid Prototyping: Not Just a Grid
Not Just a Grid is a flexible and modular css framework that is designed to assist in the rapid prototyping and development of websites.
It has been designed for the future with larger screen sizes and the use of CSS3 for progressive enhancement and richer user experiences.
Not Just a Grid includes separate stylesheets covering multi-column layouts, typography, forms, tables and user experience enhancement. Also included is a range of common images that are used for both visual styling and user interface enhancement.
Categories:
Tags: