Archive for 2014

    jQuery File Browser Awesome

    jQuery File Browser Awesome

    Today we want to share a cool experiment with you. It is a file browser awesome, which you can upload to a folder somewhere on your site and share documents, pictures and other files with the world. The app is built with PHP, jQuery, fontawesome and uses CSS3.

    jQuery Image Gallery Slideshow with MousePan

    jQuery Image Gallery Slideshow with MousePan

    Multimedia gallery with image mouse pan and touch pan for touch supported devices, video (local, youtube, vimeo) and audio players with Flash backups for older browsers.

    Features:

    • Responsive or fixed size posibilities
    • Video and Audio support (local, youtube, vimeo) with Flash backups for older browsers
    • Playlist can be: auto create from folder(s) of images, html markup, xml playlist
    • Optional deeplinking with jquery address for SEO
    • Unlimited image categories supported
    • Specify number of visible menu thumbnails
    • Thumbnail position bottom / right
    • Thumbnail scale on rollover
    • Optional gallery thumbs side flip (vertical / horizontal)
    • Optional different size image thumbnails per category
    • Optional image description (with optional auto-open)
    • Optional image link
    • Start with menu or any category

    SlideReveal : jQuery Side Panel Plugin

    SlideReveal : jQuery Side Panel Plugin

    Show side panel by sliding from the left or right of the page.

    Breathing Halftone : Image into Floaty Dots

    Breathing Halftone : Image into Floaty Dots

    Images go whoa with lots of floaty dots.

    Vertical Timeline with CSS3 & jQuery

    Vertical Timeline with CSS3 & jQuery

    Today’s resource is an easy to customize, responsive timeline. We used some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal.

    JavaScript Type Rendering Mix

    JavaScript Type Rendering Mix

    Apply CSS based on your browser’s text rendering engine.Type Rendering Mix detects your browser’s text rasterizer and antialiasing method by parsing the user agent string. It will then add two classes to your HTML element. One class will describe the text rasterizer and the other the antialiasing method it is using.

    jQuery Youtube Background Video

    jQuery Youtube Background Video

    jQuery plugin that lets you create background videos using youtube api.A wrapper for the Youtube API – Great for fullscreen background videos or just regular videos.

    Flat Form with Bootstrap 3

    Flat Form with Bootstrap 3
    • Bootstrap 3
    • Font Awesome icons
    • 2 Registration form
    • Login form
    • Forgot password form
    • Subscribe form
    • Contact form
    • Review Form
    • Checkout form
    • Shortcodes – includes many form elements
      • 2 type of ratings
      • Toggle buttons
      • Custom select
      • Custom file input
      • Tooltips
      • Alerts (5 colors)
      • Animated buttons (6 colors)
      • Social buttons

    jQuery On-Off Toggle Switch

    jQuery On-Off Toggle Switch

    Transform checkboxes into toggle switches.Toggle switches made for the web are often solely constructed to change when clicked or tapped, animating side-to-side as they toggle. That’s a good start, but some people like to slide toggle switches. Javascript is used for creation and for adding the sliding functionality, but the toggle is purely CSS.

    Unfolding the Box Model with CSS3 & jQuery

    Unfolding the Box Model with CSS3 & jQuery

    Interactive slides that explore CSS 3D Transforms. Press left or right arrow key to advance. Watch in full-screen for best results.