Transformer layout : jQuery plugin support for CSS3 media queries

    Transformer layout : jQuery plugin support for CSS3 media queries

    Transformer layout jQuery plugin adds support for CSS3 media queries (min-width and max-width) across all browsers allowing you to develop layouts that adapt depending on the current window width, text size and zoom level without horizontal scrolling.

    Each layout can then be liquid so as to always make the best use of space. This provides the benefits of both liquid and elastic layout approaches! That said, media queries can also be used to create fixed-width layouts that adapt for low resolutions.

    Building Web Presentations Using jQuery Mobile

    Building Web Presentations Using jQuery Mobile
    jQuery mobile framework provides easily themeable, HTML5-based interface with support for pages transitions, therefore it would be very easy to create simple web presentations that will work on all popular smartphone and desktop platforms.

    First, check out the demo, then let’s walk through the building blocks of this sample presentation.

    jTabs : SEO & Mobile Friendly JavaScript Tabs

    jTabs : SEO & Mobile Friendly JavaScript Tabs

    jTabs (other name Jaegers Tabs) built with modern web standards in mind, using custom JavaScript library (4kb gzipped).

    The live preview includes default themes, available transitions, and describes key features, such as semantic HTML structure, responsive behavior, RTL support, and more.

    Dancer.js : A high-level audio javascript API

    Dancer.js : A high-level audio javascript API

    dancer.js is a high-level audio API, usable with both Mozilla’s Audio Data API and Webkit’s Web Audio API with flash fallback, designed to make sweet visualizations.

    Features:

    • Use real-time audio waveform and frequency data and map it to any arbitrary visualization
    • Use Dancer to get audio data from any preexisting audio source
    • Leverage kick detection into your visualizations
    • Simple API to time callbacks and events to any section of a song
    • Supports Web Audio (webkit), Audio Data (mozilla) and flash fallback (v9+)
    • Extensible framework supporting plugins and custom behaviours

    jQuery Slider With a Personality

    jQuery Slider With a Personality

    Today I would like to show you something called the Jquery Slider with a Personality. We are always on the lookout for Jquery sliders. We search it on websites and even search engines. Sometimes we just want a new look for our websites or portfolios so it becomes more appealing to other designer’s eyes. Other sliders just 5 to 10 images in each category but in the Jquery Slider with a Personality, you can show more categories in one slider. That’s why this slider has a personality. It works absolutely fine with any browser. It is easily customizable so why don’t we stop the talking and start the designing!

    Intelligist : jQuery Easy to share and demo code in-page plugin

    Intelligist : jQuery Easy to share and demo code in-page plugin

    A jQuery plugin that makes it easy to share and demo code in-page, using GitHub gists.Sharing code is an essential part of the Internet. It’s how we learn.The Gist service that GitHub provides is an instrumental part of that sharing process,making it easy to embed code into your website, and collaborate.

    Intelligist is a convenient plugin for sharing GitHub gists on your website.It allows you to share one or more gists, and even execute the code, which makes it ideal for demoing JavaScript and CSS in-page.

    PFold: jQuery Paper-Like Unfolding Effect

    PFold: jQuery Paper-Like Unfolding Effect

    PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal some other content. The idea is to have several levels of folding, where each step of opening will double the element size, hence imitating a folded paper being opened.

    A couple of options are available, such as the unfolding direction for each step and the number of folding steps.

    How to Build a ToDo Application with Web SQL and jQuery

    How to Build a ToDo Application with Web SQL and jQuery

    This tutorial will take you through the step by step development of building a ToDo App entirely powered by Web SQL. You will learn about getting started with Web SQL, understanding transactions, following best practices and how to write re-usable functions.

    Prism : Lightweight, robust, elegant syntax highlighting

    Prism : Lightweight, robust, elegant syntax highlighting

    Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands.

    Features:

    • Each language definition adds roughly 300-500 bytes.
    • Prism forces you to use the correct element for marking up code: <code>. On its own for inline code, or inside a <pre> for blocks of code. In addition, the language is defined through the way recommended in the HTML5 draft: through a language-xxxx class.
    • upports parallelism with Web Workers, if available.
    • Very easy to extend without modifying the code, due to Prism’s plugin architecture.
    • Very easy to define new languages. Only thing you need is a good understanding of regular expressions
    • All styling is done through CSS, with sensible class names rather than ugly namespaced abbreviated nonsense.
    • Wide browser support: IE9+, Firefox, Chrome, Safari, Opera, most Mobile browsers
    • Highlights embedded languages (e.g. CSS inside HTML, JavaScript inside HTML)
    • Highlights nested languages (CSS in HTML, JavaScript in HTML)

    Parallax Slider : Responsive jQuery Plugin

    Parallax Slider : Responsive jQuery Plugin

    Parallax Effect – Full Collection of Sliders comes in 4 versions: Classic, Perpetuum Mobile, Mouse Interaction and Ultra. Each of these 4 versions has 2 skins (bullets & thumbs) and can be used as Fixed Dimensions or as Full Width. Please see the features and check the live preview of this slider and convince yourself of its quality.