Archive for 2013

    ZoomFolio : jQuery Portfolio Plugin

    April 28, 2013 | CSS2 / CSS3.0, Gallery, Plugins, Premium, Responsive
    ZoomFolio : jQuery Portfolio Plugin

    DZS ZoomFolio is the ultimate plugin for displaying your creative portfolio to your clients and that’s not all. You can use it to show the recent posts from your blog or a gallery from your vacation. The possibilities are endless.

    Features:

    • easy to install – install and get this plugin ready in less then one minutes.
    • responsive – looks great from mobile to HD
    • CSS3 technology – this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully
    • compatible with all major browsers, including IE – compatible from IE7 to IE10, Chrome, Safari and Firefox
    • SEO friendly – built with search engine optimization on mind from the ground up, the ZoomFolio portfolio uses non hidden valid html markup to build the widget
    • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
    • Android optimized – this component has been tested on Android 4.0 and works awesome
    Read More Demo

    Simple YouTube Menu Effect with CSS3 & JavaScript

    April 28, 2013 | Core Java Script, CSS2 / CSS3.0, Menus
    Simple YouTube Menu Effect with CSS3 & JavaScript

    Today we’ll show you how to recreate the little menu effect that you can see in the left side-menu on YouTube when watching a video (where it says “Guide”). The menu is made of a little menu icon, a label and a list of menu items that appears when the label or menu icon is clicked. Once it’s clicked the menu icon slides to the right and the label moves up while the list items fade in sequentially. We’ll add some more style and effects to it in order to make it a bit more interesting.

    Read More Demo

    DoubleTapToGo.js : jQuery Touch-friendly drop-down navigation

    April 27, 2013 | CSS2 / CSS3.0, Menus, Plugins, Responsive
    DoubleTapToGo.js : jQuery Touch-friendly drop-down navigation

    doubleTapToGo is responsive and touch-friendly dropdown navigation.

    The technique consists of three main parts:

    1. Simple drop-down navigation based on HTML and CSS;
    2. Responsiveness implementation using media queries;
    3. Adoption for touch screen devices with the help of a super tiny jQuery plugin.
    Read More Demo

    Bootstrap Maxlength : jQuery Html5 maximum length field Plugin

    April 27, 2013 | Bootstrap, Forms, HTML5, Plugins
    Bootstrap Maxlength : jQuery Html5 maximum length field Plugin

    This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work.

    The indicator badge show up on focusing on the element, and disappear when the focus is lost.

    Read More Demo

    Weathro : Displays weather status for users jQuery plugin

    April 26, 2013 | Other API, Plugins
    Weathro : Displays weather status for users jQuery plugin

    This script will get the geographic location of any user on your website and display a weather status of that particular location on your website.The weather status is pulled using APIs exposed by wunderground.com.Weather status of the current day and the next three days is pulled and available to this widget.You may then choose the number days (min 1 to max 4) for which you want to display the status.

    Read More Demo

    Cream Tabs : jQuery Plugin

    April 26, 2013 | Menus, Plugins, Premium, Tabs
    Cream Tabs : jQuery Plugin

    Cream Tabs it is a mix of tabs and navigation menu with content slider.

    Features:

    • Retina ready (Font Awesome integrated)
    • Simple to use
    • Live preview
    • Cross Browsers
    • Content Slider
    • Fully customizable
    • Min version: 6 kb
    • Allow multiple connections
    • Menu position: vertical/horizontal
    • Position on screen: coordinates or auto
    • Simple change color
    Read More Demo

    jQuery fullContent : Enables fully websites

    April 26, 2013 | Plugins, Web
    jQuery fullContent : Enables fully websites

    jQuery full content enables fully websites.

    Features:

    • Create fully containers with width and height of window
    • Dynamic position: Each container could have vertical and horizontal position set
    • History hash in URL
    • Scroll animation between containers
    • Simple configuration and easy use
    Read More Demo

    jQuery Visage : Display a series of images in a lightbox-like way

    April 25, 2013 | Plugins, Popup Window
    jQuery Visage : Display a series of images in a lightbox-like way

    jQuery Visage provides a stable (no partially displayed elements), robust (it closes when you click close), styleable (CSS), customizable (you can reprogram many aspects of its behavior) and clean (being an jQuery plugin) way to display a series of images in a lightbox-like way.

    Read More Demo

    Snap.js : A Library for creating beautiful mobile shelfs in Javascript

    April 25, 2013 | Core Java Script, CSS2 / CSS3.0, Menus
    Snap.js : A Library for creating beautiful mobile shelfs in Javascript

    A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)

    Features:

    • Firefox 10+, Wide Webkit Support (Android WebKit 2.3.X+)
    • Library Independent
    • High Customization
    • Flick Support
    • User Intent Detection
    • Event Hooks
    • CSS3 Powered Animations
    • Drag Support
    • Programatic API
    • “No-Drag” Elements
    • Definable Easing Mode
    • Enable/Disable Events
    • Disabled Sides (left or right)
    Read More Demo

    gury : jQuery inspired canvas utility library

    April 25, 2013 | HTML5, Plugins
    gury : jQuery inspired canvas utility library

    Gury (pronounced “jury”) is a simple to use utility library for drawing, animating, and managing HTML5 canvas tags. The goal is to support the HTML5 Canvas API with a framework that allows for faster/easier application development.

    It was built with simplicity in mind and its usage was modeled in the image of jQuery. For instance you can initialize, style, and animate an entire scene in a single expression using chaining.

    Read More Demo