Easy Display Switch with CSS and jQuery

Easy Display Switch with CSS and jQuery

Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

Create an Image Rotator with Description in CSS & jQuery

Create an Image Rotator with Description in CSS/jQuery

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

Colorful Content Accordion with CSS & jQuery

Colorful Content Accordion with CSS & jQuery

A simple, yet very eye-catching and colorful accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. This handy script delivered by Martin Angelov is both easily modifiable end embeddable.

TN34 Timetabs – jQuery Plugin

TN34 Timetabs – jQuery Plugin

This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle (or interval) to next tab – the plugin is compatible with most modern browsers…

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.