How to Make a Tumblr-powered News Ticker in jQuery

    February 1, 2013 | Ajax, jSON, Other API
    How to Make a Tumblr-powered News Ticker in jQuery

    Tumblr is a blogging service with an elegant interface for creating and publishing content. In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items to your users. Adding news will be done by creating new blog posts in your Tumblr dashboard.

    The code we are writing will be organized as a jQuery plugin, which will make it portable and easy to embed in an existing website. When the plugin is run, it will request the latest posts from your blog with AJAX

    Read More Demo

    box2d : jQuery Convert your DOM into Physical objects

    January 31, 2013 | Animation, CSS2 / CSS3.0, Plugins
    box2d : jQuery Convert your DOM into Physical objects

    jquery.box2d.js is a simple jquery plugin that transforms DOM elements into actual physical objects. well, physical in a flat 2d-browser-world.In Short about box2d :

    • we clone the selected DOM elements into absolute possitioned … well … clones.
    • we animate them via dynamically (javascript styly) set CSS3 transforms / translate / rotate combos
    • the values for this CSS/javascript mambo-jumbo are calculted via box2d-web
    Read More Demo

    jquery.spidergraph : Interactive HTML5 Spider Graph module for jQuery

    January 31, 2013 | Chart & Graph, HTML5, Plugins
    jquery.spidergraph : Interactive HTML5 Spider Graph module for jQuery

    jquery.spidergraph is a simple module that creates nice looking, interactive spidergraphs in HTML5, using the canvas element.

    Features:

    • illustrating scaled quantitative data for several subjective attributes
    • overlaying multiple data measurements for attribute comparison
    • visualizing the intersection of several data measurements
    Read More Demo

    Float sidebar Div elements when scrolling with jQuery

    January 31, 2013 | Web
    Float sidebar Div elements when scrolling with jQuery

    This tutorial will teach you to create sidebar elements that can be floated/fixed on their position when the page is scrolled. Also those elements follow the certain boundaries which makes the scrolling to stop on reaching the bottom of the page.

    Read More Demo

    Metro Notifications jQuery Plugin

    January 30, 2013 | Plugins, Premium
    Metro Notifications jQuery Plugin

    Metro Notifications is a jQuery plugin that brings the notifications to a new level.

    You have 5 stylish plugins in one single file.

    • Small Notifications
    • Big Notifications
    • Alerts
    • Inputs
    • Side Panels
    Read More Demo

    opentip : JavaScript Tooltip framework

    January 30, 2013 | Ajax, CSS2 / CSS3.0, Plugins
    opentip : JavaScript Tooltip framework

    Opentip is an open source javascript tooltip based on the protoype framework.

    Features:

    • Stems (little pointers)
    • Automatic content download with AJAX
    • Different styles
    • Automatic repositioning of the tooltip if it’s not in the viewport of the browser anymore
    • All kind of triggers (The tooltip can be triggered by mouse over, click, form submit,… everything you can think of really)
    • CSS3 Animations
    • Well tested, with over 200 unit tests
    Read More Demo

    fluidvids.js : Fluid and responsive YouTube and Vimeo videos with JavaScript

    January 30, 2013 | Core Java Script, Responsive, Video & Audio
    fluidvids.js : Fluid and responsive YouTube and Vimeo videos with JavaScript

    FluidVids.js is a javascript plugin that allows iframes containing youtube or vimeo embeds to be fluid width, for responsive and fluid development.

    Read More Demo

    Flipping Circle Slideshow jQuery Plugin

    January 29, 2013 | Plugins, Slider
    Flipping Circle Slideshow jQuery Plugin

    Today we want to share a simple and fun circular slideshow with you. It’s an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click. There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.

    Read More Demo

    Amazing Slider : jQuery & WordPress Image Video Slider

    January 29, 2013 | Plugins, Slider, Wordpress
    Amazing Slider : jQuery & WordPress Image Video Slider

    An easy-to-use Windows & Mac app for creating beautiful, professional, responsive jQuery Slider, YouTube Video Slider, WordPress Slider Plugin and Joomla Slideshow Module.Amazing Slider comes with awesome transition effects: Fade, Cross Fade, Slide, Slice, Blinds, 3D, 3D Horizontal, Blocks and Shuffle. Each effect can be further customised to meet your own needs. The pre-made and highly configurable skins can give your slider a professional and unique looking.

    Read More Demo

    Selectik : jQuery cross-browser Select plugin

    January 29, 2013 | CSS2 / CSS3.0, Forms, Plugins
    Selectik : jQuery cross-browser Select plugin

    Selectik is jQuery select plugin, easy use, cross-browser alternative to the standard select form element which can be customised with CSS. All features of custom select and help you can find on demo page.

    Features:

    • TAB key control
    • original select key control
    • mouse wheel control
    • search by first letter
    • custom/default scroll
    • smart positioning
    • auto/cutsom width
    Read More Demo