CSS3 Perspective Page View Navigation

    CSS3 Perspective Page View Navigation

    Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to explore some more effects.

    Pushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where “views” are shown with animations. We’ve experimented a bit and we’ve come up with a small set of effects that take the page and move it in 3D to reveal a navigation (or some other content if you like). What’s nice about this is that we literally put the site into perspective, allowing for an interesting view on the content and the navigation possibilities.

    Swipejs : Most accurate touch slider

    Swipejs : Most accurate touch slider

    Swipe is the most accurate touch slider.Swipe is compatible with all browsers, including IE7+. Swipe works best on devices that support CSS transforms and touch, but can be used without these as well. A few helper methods determine touch and CSS transition support and choose the proper animation methods accordingly.

    Linkify : jQuery plugin for Converting URL into HTML link

    Linkify : jQuery plugin for Converting URL into HTML link

    Linkify is a jQuery plugin for finding URLs in plain-text and converting them to HTML links. It works with all valid URLs and email addresses.

    Ladda : JavaScript Loading Indicators with CSS3

    Ladda : JavaScript Loading Indicators with CSS3

    Buttons with built-in loading indicators, effectively bridging the gap between action and feedback.A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.

    jQuery Amazing Portfolio – WordPress Plugin

    jQuery Amazing Portfolio - WordPress Plugin

    Features:

    • Create Fully responsive portfolios
    • Control the number of columns for various screen resolutions and widths.
    • 25 unique and creative theme effects (More coming soon)
    • Unlimited colors and style.
    • Manage Unlimited Portfolios.
    • Control cross browsers CSS effects of various elements like borders, backgrounds, fonts, paddings, margins, alignments, colors, shadow etc.
    • Based on powerful Mixitup plugin
    • Images, video and audio support for portfolios
    • Fully customizable CSS and Style settings. Possible to customize or redesign all parts of portfolio from panel.
    • Responsive lightbox supports any media type like audio, video, external video, images, embeded codes and HTML codes.
    • Auto detect media in lightbox and keyboard support navigation
    • Control animation easing, animation effects and animation speed
    • Filterable portfolio with controllable animations.
    • 25 brilliant inbuilt demos
    • Create Audio file or Video file portfolio using default browser players

    jQuery Sliding Pop Hover Plugin

    jQuery Sliding Pop Hover Plugin

    jQuery plugin Sliding a div over other div on mouse hover.Move the cursor arround the image bellow to make other side of the display item appear which is hidden with the effect of sliding that is where the power of Sliding Pop Hover plays role. The Sliding Pop Hover makes the other part which is hidden slide into the picture slowly when the cursor is on top of the view and plays reverse role when cursor leaves the view.

    jQuery Bootstrap-style Dropdowns

    jQuery Bootstrap-style Dropdowns

    Bootstrap-style dropdowns in jQuery with some added features and no dependencies.

    One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap’s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn’t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

    jQuery Adaptive Backgrounds Plugin

    jQuery Adaptive Backgrounds Plugin

    A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.

    Exploding Blocks with CSS and Javascript

    Exploding Blocks with CSS and Javascript

    Ever wanted to make your HTML blocks explode when it’s clicked or touched? Well I did, and today I’m going to show you how I went about doing it. We’re mainly using CSS, but that’s all being run by Javascript just for ease. Read on to learn how it was done!

    So I was kind of inspired by this little gif I saw that had a block explode when it was clicked, and I thought that was really cool. So I started thinking, how would you do that with CSS and maybe some Javascript? Well I figured it out using a bit of math, and it functions as a pretty cool delete button.

    DictAndList : jQuery plugin for editable Dict and List html

    DictAndList : jQuery plugin for editable Dict and List html

    It is a plugin for editable Dict and List html, their values can be attached into form as stringified JSON when processing jQuery post.