Archive for 2013

    Monocle : A silky, tactile browser-based ebook JavaScript library

    December 4, 2013 | Core Java Script
    Monocle : A silky, tactile browser-based ebook JavaScript library

    Monocle is digital books for everyone. You can use it on any device with a modern web browser: the iPhone and iPod Touch, the iPad, Android for phones and Android for tablets, the Kindle 3, the Nook, and of course a Mac, Windows PC or Linux-powered device using Firefox, Safari, Chrome or Opera.

    Monocle is drop-in. You can embed a ‘book’ on any webpage with two lines of code — one to include the library, one to initialize the reader. Monocle is approximately 25kb gzipped and has no dependencies on external JavaScript libraries.

    Read More Demo

    Custom Interactive Map : jQuery Plugin

    December 4, 2013 | Maps, Plugins, Premium, SVG Tutorial
    Custom Interactive Map : jQuery Plugin

    If you would like to turn your photo/vector graphic map into a fancy interactive map application that is supported by every major browser and it’s working even on mobile or other touch devices, you can stop seeking, you’ve come to the right place. In fact, you came to the only place, since it is the only utility available with this unique feature set.The supported map file formats are: JPG, PNG and SVG.

    Features:

    • Unlimited landmarks: Any number of locations with unique pins and various actions
    • Unlimited floors: Multiple floors are supported without any limitation
    • Deeplinking: Every location can be referenced by it’s own URL
    • Browser support: Works great in every major browser, even Internet Explorer 8
    • Responsive design: Provides optimal experience across a wide range of devices
    • Touch optimized: Touchscreen devices, like tablets and smartphones are also supported
    • Well documented: A detailed user guide is included
    Read More Demo

    jQuery CSS3 Slider Timeline Menu

    December 4, 2013 | CSS2 / CSS3.0, Menus
    jQuery CSS3 Slider Timeline Menu

    Learn to create a slider timeline menu with CSS3 animations. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.You can click on each link as well and it will smooth scroll along with adjusting the dial to the selected section. I liked this idea and took it a step further with giving each section a color. The slider background color will fade to the selected section’s color.

    Read More Demo

    FancyBoxThumbs : Displays thumbnailed images in a Mac-style lightbox

    December 3, 2013 | Plugins, Popup Window
    FancyBoxThumbs : Displays thumbnailed images in a Mac-style lightbox

    The FancyBoxThumbs extension displays thumbnailed images in a Mac-style “lightbox” that floats overtop of web page. This can create a more user friendly environment, where the user doesn’t leave the page every time they click a thumbnail.

    Read More Demo

    bbGrid : Extendable Grid based on jQuery & Twitter Bootstrap

    December 3, 2013 | Bootstrap, Responsive, Tables
    bbGrid : Extendable Grid based on jQuery & Twitter Bootstrap

    Quite simply, bbGrid is a JavaScript grid/spreadsheet component. The general idea is the same as in Backbone, you don’t need to keep an eye on collection, bbGrid will do that!

    Features:

    • Responsive due to Twitter Bootstrap
    • Extendable thanks to Backbone.js
    • Fast as much as jQuery can
    • Configurable & customizable
    Read More Demo

    Facebook Style Embed Image from URL using PHP & jQuery

    December 3, 2013 | jSON, Other API, PHP
    Facebook Style Embed Image from URL using PHP & jQuery

    This article will show you that how to fetch images from various sources like

    1. Instagram
    2, Pinterest
    3.  Flickr
    4. Twitpic
    5. Imgur &
    6. Deviantart

    Now a days major sites are using this feature to automatically embed images from a url. So I am going to explain you how to get images from url using PHP & jQuery

    Read More Demo

    jQuery Smart Timer And Counter

    December 2, 2013 | Plugins, Premium, Responsive
    jQuery Smart Timer And Counter

    Smart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the web page. Plugin is highly configurable and expandable through custom skins (visual component), modes (clock/timer logic) and languages (translate labels).

    • Styling is done using CSS (and Canvas for Circular skin), and all included styles are pure CSS with no images used.
    • Responsive, uses media queries to change counter sizes, and it can break into multiple lines on smaller screens.
    Read More Demo

    jQuery Fly Side Menu

    December 2, 2013 | CSS2 / CSS3.0, Menus
    jQuery Fly Side Menu

    Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb’s new iOS7 app using jQuery and CSS3. In additional to that, I’ve also added a few more options for you guys to play around with.

    Read More Demo

    jQuery Isotope for Twitter Bootstrap

    December 2, 2013 | Plugins, Responsive
    jQuery Isotope for Twitter Bootstrap

    Combines the epic powers of Twitter Bootstrap and jQuery Isotope

    Read More Demo

    jQuery Masked Input Plugin

    December 1, 2013 | Forms, Plugins
    jQuery Masked Input Plugin

    This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer, Firefox, Safari, Opera, and Chrome. A mask is defined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.The following mask definitions are predefined:

    • a – Represents an alpha character (A-Z,a-z)
    • 9 – Represents a numeric character (0-9)
    • * – Represents an alphanumeric character (A-Z,a-z,0-9)
    Read More Demo