Archive for 2013

    lattice : jQuery 2-dimensional HTML grid slider plugin

    December 14, 2013 | Animation, Plugins, Slider
    lattice : jQuery 2-dimensional HTML grid slider plugin

    A jQuery plugin that creates a 2-dimensional HTML grid slider from cell elements in a container.

    Features:

    • Navigate slides in two dimensions.
    • Generates a map of thumbnails representing each slide to navigate.
    • Specify thumbnail images for each slide. Thumbnails can be resized.
    • Restrict paths that can be followed.
    • The slider and the slides themselves are responsive
    • Use crop settings to crop to one of 9 areas of a slide as the slider decreases in width/height
    • Can dynamically generate thumbnails via a canvas screenshot of a slide. Thanks @niklasvh for the html2canvas project!
    Read More Demo

    jQuery Responsive Tabs Plugin

    December 14, 2013 | Accordion, Plugins, Responsive, Tabs
    jQuery Responsive Tabs Plugin

    jQuery plugin for creating responsive tabs. The controls behave like regular tabs above a specified screen width (defined by an editable media query in the associated css file), and behave like an accordion on screens below that width.

    Features:

    • Progressive enhancement – uses semantic heading/content markup – tabs and accordion are created entirely with jQuery
    • Uses Aria attributes and roles to aid screen reader accessibility
    • Tabs and their content are fully accessible via keyboard
    • Supports multiple sets of tabs on same page
    Read More Demo

    qpScroll : jQuery Quick Parallax Scroll Plugin

    December 14, 2013 | Plugins
    qpScroll : jQuery Quick Parallax Scroll Plugin

    qpScroll is a jQuery plugin that creates a super quick way of putting together a simple parallax background for a page, all using css background-images.

    I have kept it super simple – the three major settings are: – how much faster/slower do images move compared to the scroll speed – how much faster/slower does each image scroll compared to one before it – how much does each image cover the one before it

    Read More Demo

    CSS3 Progress Button Styles

    December 13, 2013 | Animation, CSS2 / CSS3.0
    CSS3 Progress Button Styles

    Today we’d like to share some progress button styles with you. You surely know “Ladda” by Hakim El Hattab, a UI concept that indicates progress directly on the button that invokes a loading action. Some of the buttons have a built-in progress bar and today we’d like to explore that idea with some creative progress button styles. Using perspective will allow us to create some fun 3D effects besides the flat “filling” styles

    Read More Demo

    Cube Portfolio : Responsive jQuery Grid Plugin

    December 13, 2013 | Plugins, Premium, Responsive
    Cube Portfolio : Responsive jQuery Grid Plugin

    Cube Portfolio is a powerful jQuery plugin that provides beautiful animated filtering, custom captions and it’s perfect for portfolios, galleries, team members, blog posts or any other ordered content.It plays nice with your existing HTML and CSS, making it a great choice for dynamic and responsive layouts.

    Features:

    • Responsive & centering layout
    • Fully customizable: more than 20+ options
    • You can add unlimited number of items
    • You can add items usign AJAX
    • Responsive built-in lightbox with support for images, youtube and vimeo.
    • Built-in single ajax page with support for any HTML
    • 6 starter templates
    • 10 animations for item grids
    • Filter by categories: group your entries by categories
    • Support for dropdown filtering
    • Lazy Loading function
    • Using CSS Animation with fallBack to jQuery
    • Powerfull API : init, destroy, filter, appendItems, showCounter
    • Adjustable speed, transition, easing and effects for each caption
    Read More Demo

    LabelinPlace : jQuery form enhancement plugin for In-field Label

    December 13, 2013 | Forms, Plugins
    LabelinPlace : jQuery form enhancement plugin for In-field Label

    A simple fully customizable form enhancement jQuery plugin for in-field label support.

    Read More Demo

    WordsRotator : A simple text elements rotator jQuery plugin

    December 12, 2013 | CSS2 / CSS3.0, Plugins, Text Effect
    WordsRotator : A simple text elements rotator jQuery plugin

    A simple text elements rotator jQuery plugin.You can include multiple CSS3 effects with Animate.css

    Read More Demo

    headroom.js : Hide your header until you need it

    December 12, 2013 | Menus, Plugins
    headroom.js : Hide your header until you need it

    Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user’s scroll. The header on demo site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.

    Read More Demo

    sGlide : jQuery plugin for feature-rich & mobile ready Slider

    December 12, 2013 | Plugins, Slider
    sGlide : jQuery plugin for feature-rich & mobile ready Slider

    sGlide is a super flexible and light-weight jQuery plugin that generates a simple, feature-rich & mobile ready slider, which can be easily customized and styled using regular CSS.

    Read More Demo

    CSS3 Loading Animation

    December 11, 2013 | Animation, CSS2 / CSS3.0
    CSS3 Loading Animation

    Hello guys, this time i wanted to create 3 simple CSS3 Loading Animations. I remember that CSS3 Loading Animations are only visible in Firefox, Safari and Chrome.

    Read More Demo