Archive for 2011

    jVectorMap a jQuery vector map plugin

    jVectorMap a jQuery vector map plugin

    jVectorMap is a jQuery plugin utilized to illustrate vector maps and envisage data on HTML pages. It applies SVG in all contemporary browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, at the same time supplying legacy support for older versions of IE from 6 to 8 with VML.

    jQuery Tokeninput – Select multiple items from a predefined list

    jQuery Tokeninput - Select multiple items from a predefined list with autocompletion

    Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item.
    Its functionality is similar to the text entry when filling in the recipients fieldwhen sending messages on facebook.

    jQuery contextMenu

    jQuery context Menu

    The jQuery contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site’s or trendskitchens’ this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, contextMenu doesn’t need to bind itself to triggering objects. This allows injecting and removing triggers without having to re-initialize or update contextMenu.

    Latest Tweets Tooltip with jQuery

    Latest Tweets Tooltip with jQuery

    If you have a news website, it might be interesting for you to allow your users to see the latests tweets about a topic. Here is a jQuery plugin for showing the latest tweets about a certain word or phrase.A very interesting plugin that lets you display the latest tweets about a certain topic inside a resizeable tooltip.

    Cuepoint JS a jQuery plugin for HTML5 video subtitle

    Cuepoint JS a jQuery plugin for HTML5 video subtitle

    Cuepoint.js is an open source plugin for adding up cue-points and subtitles to your HTML5 video.

    Multi Level Hierarchical jQuery Menu: jQSimpleMenu

    jQuery multi level navigation menu

    As your website grows, so does the need for better navigation and sometimes the navigation becomes the driving force for better user experience. jQSimpleMenu is a multi-level hierarchical jQuery drop down menu that helps you add drop down menu in your website without writing a single line of code.

    Cool Background Image Sliding effect with jQuery

    Cool Background Image Sliding effect with jQuery

    Today I am going to show you how to create sliding image cell effect in jQuery. This is will something like small photo gallery. I prepared 3 demos for you with different effects. Please pay attention that our demo will work in browsers that support used CSS3 properties.

    Xml Driven Vertical News Scroller Script Using jQuery vScroller

    Xml Driven Vertical News Scroller Script Using jQuery vScroller

    Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

    Today, we are featuring vScroller, a free XML-driven vertical news scroller for websites and blogs. Powered by jQuery, vScroller displays categorized and color-code content is a vertical scroll. Feeds come from standardized XML file and styled with simple CSS3 for a clean and attractive interface.

    Typography Effects with CSS3 and jQuery

    Typography Effects with CSS3 and jQuery

    Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we’ll explore some of the possibilites.

    We’ll be using Lettering.js in order to style single letters of the words we’ll be having in our big headlines.

    How to Create a Time Based CSS Style Sheet Switcher with jQuery

    jQuery Time Based CSS Style Sheet Switcher

    Style switchers have become a popular feature on websites these days. CSS style sheets allow a Web Designer to change the look and feel of a website with little effort. Some sites use “Day” and “Night” type of style switchers that automatically change the site theme based on the time of day.

    This tutorial shows you how to create a time based CSS style sheet switcher using PHP that lets you change multiple style sheets at once at specific times of the day. There’s also a little bit of jQuery UI thrown in just for fun!