Baseline.js : Vertical rhythm made easy with jQuery

    Baseline.js : Vertical rhythm made easy with jQuery

    Implementing a vertical baseline can be pretty easy. But maintaining one can be difficult, particularly with the addition of images in articles and webpages. That’s where Baseline.js steps in.

    Baseline.js is a jQuery plugin that helps you to maintain vertical rhythm set by a typographic baseline, even when adding inline images with awkward sizes.

    Write maths, see maths with jQuery

    Write maths, see maths with jQuery

    Write maths, see maths is a jQuery plugin for editable areas which gives an instant MathJax preview of the TeX you’re writing just above the cursor.

    D3.js : Data-Driven Documents

    D3.js : Data-Driven Documents

    D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

    jQuery Mobile Tutorial: Creating a Restaurant Picker Web App

    jQuery Mobile Tutorial: Creating a Restaurant Picker Web App

    In this jQuery Mobile tutorial, we will create a nice demo app from scratch, to show some of the things that can be easily done using this powerful tool.We will create an application that will enable the user to choose a restaurant based on what they want to eat tonight, the town where they want to eat and other user’s ratings of the restaurants. The jQuery Mobile mini app we’re creating will be called “Restaurant Picker”.

    Please note that this is only the front development, you will of course need a server and a database if you want to create a real app. Also note that jQuery Mobile uses Ajax navigation, so you’ll need to put the files either on a local server (xampp, mamp, etc) or on a real server to make the demo work properly.

    zoom.js : JS API for Zooming in on Specific Points

    zoom.js : JS API for zooming in on specific points

    zoom.js is a small proof of concept JavaScript library for zooming in on DOM elements or points in a document. It uses CSS3 transitions and 2D transforms (scaling, translation, transform origin) on the <body> element to achieve animated magnification.

    jRecorder : jQuery Flash Recording plugin

    jRecorder : jQuery Flash Recording plugin

    jRecorder is a jQuery plugin to enable a flash recorder in your webpages. You DON’T need to have a flash streaming server or RED5 server to do this recording.
    Features :

    • You DON’T need any flash knowledge to implement this recorder in your web page
    • you DON’T need a flash media server (RED5) for recording audio
    • You can design your record button, recording progress bar, recording input sound level with HTML+ CSS
    • You can save the recorded audio file in WAV format into your PHP server, using 2 lines of PHP code
    • This recorder record voice using browser’s flash and save in browser temporary and when user finish recording, it send the file as POST to your PHP server (a php file)
    • *NEW: You can preview the recorded voice before sending to Server

    Polar Gallery in jQuery

    Polar Gallery in jQuery

    This item is an interactive, animated, Polaroid alike gallery. You can use this plugin to easly build a cool-looking gallery or a stand-alone nice photo.

    • User can navigate throught the gallery using arrow keys.
    • Navigation can be turned off if You do not want it.
    • Photos can be rotated by the given or by the random degree.
    • You can define maximal photo rotation and it’s zoom scale (to do not show the image which doesn’t fit the browser window).
    • Every photo can have it’s title and subtitle.
    • You can define an URL on which user will be redirected after clicking a zoomed photo.
    • Photo’s subtitle can be a link as well.

    HorizontalNav : jQuery Plugin Spans a Horizontal Navigation

    HorizontalNav : jQuery Plugin Spans a Horizontal Navigation

    HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll know it’s pretty annoying to do. But this plugin makes it easy, even on responsive designs and adds support for IE7.

    FBModal : Facebook like Modal Dialog jQuery plugin

    FBModal : Facebook like Modal Dialog jQuery plugin

    FBModal is a jQuery plugin that is the first Facebook replica modal dialog.FBModal provides a simple ways to invoke a modal dialog.

    Here is an example of how you can use FBModal in your project. Simply include the latest jQuery library, the plugin file and the css file.Then call the fbmodal() function on a jQuery element and a modal dialog will be displayed using the contents of that element. It’s that simple.

    Google+ Styled UI Buttons & Dropdown Menu Buttons in jQuery

    Google+ Styled UI Buttons & Dropdown Menu Buttons in jQuery

    This is an easy to implement framework of Google+ styled buttons, icon buttons & dropdown menu buttons that look and work great in web applications.The dropdown menu button uses jQuery to toggle the sub menu, the rest is all CSS and an image sprite for the icons.