Scrollable Fixed Header Table – A JQuery Plugin

    Scrollable Fixed Header Table – A JQuery Plugin

    This plugin allows html tables to be scrollable horizontally and vertically while headers are still visible and in tack with the columns. This plugin can be used in two modes:

    • With column select – Columns to view can be selected. The select state can be persisted in a named cookie.
    • Without column select

    jQuery Sparklines Graph

    jQuery Sparklines Graph

    This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

    The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7 & 8.

    jTicker – Text in a ‘ticker tape’ style

    jTicker – Text in a ‘ticker tape’ style

    jTicker takes an elements’ children and displays them one by one, in sequence, writing their text ‘ticker tape’ style. It is smart enough to ticker text from an element heirarchy, inserting elements back into the DOM tree as it needs them. That means almost any content can be ‘tickered’.

    jQuery Heads-Up Grid

    jQuery Heads-Up Grid

    Built with HTML, CSS & JavaScript, The Heads-Up Grid is a responsive overlay grid for in-browser website development. It has been created to make it relatively easy to adapt to the needs of responsive web design. You can quickly and easily define as many different grids as you need by way of basic JavaScript conditional statements.

    HTML5 & CSS3 Powered Slideshows – Slider.js

    HTML5 & CSS3 Powered Slideshows – Slider.js

    Slider.js is a slideshow engine built with jQuery and uses CSS3 and/or HTML canvas for the transitions.Items can have a text-caption with links and users can browse it with a pagination or using the prev-next links.Slider’s design can be completely changed as there is support for theming and interactions can be customized using the well-documented API.

    The data source is JSON and, besides the 13 available CSS transitions, there 10 built-in and good-looking canvas functions.

    Convert a Menu to a Dropdown for Small Screens with jQuery

    Convert a Menu to a Dropdown for Small Screens with jQuery

    The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu.

    wmuSlider, a jQuery responsive slider

    wmuSlider, a jQuery responsive slider

    A responsive jquery slider.

    Sisyphus – jQuery plugin that allows Gmail-like client-side drafts

    Sisyphus – jQuery plugin that allows Gmail-like client-side drafts

    Imagine you’re filling a complex form on a site, or typing an extensive comment, and just when you’re almost finished the browser the crashes, or you accidentally closed a tab, or something else break your efforts, you are stuck having to rewrite everything again.

    Sisyphus helps solve this problem. It’s lightweight (1Kb) jQuery plugin that uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and only needs you to select the forms you want to protect.

    Basic jQuery Slider – Simple slideshows for featured content

    Basic jQuery Slider

    Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.