Archive for 2013

    jBlocks : jQuery layouts Library for Responsive Design way

    jBlocks : jQuery layouts Library for Responsive Design way

    jBlocks is a javascript library that can be used as a jQuery plugin and/or a framework taking care of the layout in a HTML5 application. It allows designing applications that will run on desktops as well as on mobile devices without having to worry much about the details of screen resolution, pixel density and so on.

    jBlocks arranges rectangular blocks into a viewport according to a set of loose preferences given by the developer. The library tries to minimize the spare areas without content in real time. This means the application may add, remove or modify blocks geometry and jBlocks will recalculate and adjust the layout accordingly.

    Features:

    • works on desktops and mobiles
    • comes with a large of predefined block widget classes
    • widget classes can easily be extended
    • support either vertical or horizontal scrolling

    VenoBox : Responsive jQuery lightbox plugin

    VenoBox : Responsive jQuery lightbox plugin

    Just another responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google Maps, Vimeo and YouTube videos.

    The big difference compared to many others plugins like this is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).

    notifIt : jQuery Simple Animated Notifications

    notifIt : jQuery Simple Animated Notifications

    Simple animated notifications with jQuery plugin.Now you can send notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!

    jQuery Background Trip

    jQuery Background Trip

    BACKGROUND TRIP nice effect for all your web site, as background or inside parallax effect
    7 type effect : Bubble, Stars, Square, Triangle etc.. etc…

    Features:

    • 7 type effects
    • one page parallax with 4 type effects

    ReStable : Responsive tables to list jQuery plugin

    ReStable : Responsive tables to list jQuery plugin

    jQuery ReStable is a very simple and lightweight (~1Kb) jQuery plugin that make tables responsive making them collapse into ul lists.

    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