BounceBox Notification Plugin With jQuery & CSS3

    March 18, 2011 | CSS2 / CSS3.0, Plugins, Web

    In this tutorial you will find out how a bouncebox notification plugin can be created with jQuery & CSS3.

    Read More Demo

    Making Better Select Elements with jQuery and CSS3

    March 18, 2011 | CSS2 / CSS3.0, Gallery, Menus

    Today we are building a script that is going to take an ordinary select element, and replace it with a better looking, markup powered version, while keeping all the functionality intact.

    Read More Demo

    jQuery File Upload Plugin With Drag ‘n’ Drop Support

    March 18, 2011 | Ajax, Drag & Drop, Forms, HTML5, PHP, Plugins

    jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads.

    The plugin is based on open standards like HTML5-JavaScript and doesn’t use Flash. For legacy browsers it falls back to an Ajaxed-like iframe-PHP solution.

    Read More Demo

    Expanding Image Menu with jQuery

    March 18, 2011 | CSS2 / CSS3.0, Menus

    In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat effect.

    Read More Demo

    Better Check Boxes with jQuery and CSS

    March 15, 2011 | CSS2 / CSS3.0, Plugins, Web

    In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable.

    Read More Demo

    Create Microsoft Office Minibar with jQuery and CSS3

    March 15, 2011 | CSS2 / CSS3.0, Forms, Web

    Although many will argue that Microsoft products are an example of a good design, Minibar was one of design refreshments that came out with the Office 2007. It is a variation of a toolbar that exposes context-related functionality. In case of MS Word, context is a text selection. Since Minibar always pops up near the mouse pointer it enables users to quickly perform actions related to a selection.

    Read More Demo

    Europe, CSS & jQuery clickable map

    March 15, 2011 | Animation, CSS2 / CSS3.0, Maps

    CSS converts a simple list of countries into the fully clickable map. Works with disabled style sheets and JavaScript, as well as on mobile devices. A simple code does not require Flash Player or other plug-ins!

    Read More Demo

    Create YouTube-like adaptable view using CSS and jQuery

    March 15, 2011 | CSS2 / CSS3.0, Web

    Other than the “Turn off the lights” feature, YouTube has great stuff, such as the “change view” feature, which allows you to switch between normal and wide mode, thus expanding or shrinking the video area. Creating this is very simple.

    Read More Demo

    jQuery Masonry : Cascading grid layout library

    March 15, 2011 | CSS2 / CSS3.0, Plugins, Web

    Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

    Read More Demo

    How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

    March 14, 2011 | CSS2 / CSS3.0, Slider, Web

    So, what about a vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens? While thinking of alternatives to the usual horizontal panels, the author thought it would be nice to create something that works in a similar way, but that is a bit more flexible.

    Read More Demo