Halftone Navigation Menu With jQuery & CSS3

Halftone Navigation Menu With jQuery & CSS3

We are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

Overlay Effect Menu with jQuery

Overlay Effect Menu with jQuery

We are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery.

Slide Down Box Menu with jQuery and CSS3

Slide Down Box Menu with jQuery and CSS3

We will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

Overlay-like Effect with jQuery

Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overlay. This allows to focus certain elements in a web page while making others appear less prominent.

jTextTranslate: A jQuery Translation Plugin

jTextTranslate: A jQuery Translation Plugin

A new jQuery plugin for translating text. Imagine, how users that don’t have English as their first language could profit from an integrated functionality to translate e.g. an article.The plugin works with the Google Language API and can be used to translate a text in all the languages provided by the API.

jRating – Flexible jQuery Ajax Rating Plugin

jRating – Flexible jQuery Ajax Rating Plugin

jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system. It is possible to configure every detail from” the number of the stars” to “if the stars can represent decimals or not”. There is also an option to display small or big stars and images can be changed with any other file easily.

jQuery plugin: Easy List Splitter

jQuery plugin: Easy List Splitter

The plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. If the list items are not enough to evenly fill in all the columns, the plugin will hide the columns in excess (this might happen only if you’re ordering your list items vertically as per default).

jQuery Horizontal Accordions plugin: Easy Accordion

jQuery Horizontal Accordions

Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

Creating a polaroid photo viewer with CSS3 and jQuery

Creating a polaroid photo viewer with CSS3 and jQuery

By combining the CSS3 Box Shadowand Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).

jQuery + Flot – Plots, Canvas and Charts

jQuery + Flot - Plots, Canvas and Charts

Here is the Javascript using jQuery that fetch and format the data to be processed by Flot.