Advertise here

CSS3 & CSS

FrameWarp – jQuery Plugin for Displaying Pages in a Neat Overlay

July 22, 2012     4961     CSS3 & CSS Effects Modal & Overlay
FrameWarp – jQuery Plugin for Displaying Pages in a Neat Overlay

FrameWrap is a jQuery plugin for showing pages of your site with a pretty, css-driven, transition effect. It sets an API bridge for easy message passing.

– Lightweight ; it is created specifically for showing pages, not images;
– No UI, so the page feels like a dialog window;
– The page can close itself, and can also send messages to the parent window;
– Can optionally use a cache for faster subsequent page loads;
– Uses a neat

Read More »

Sweet Tooltip - jQuery & CSS3 Tooltips

July 11, 2012     3410     CSS3 & CSS Tooltip
Sweet Tooltip - jQuery & CSS3 Tooltips

Sweet Tooltip is a jQuery & CSS3-based tooltip, not merely a one-style tooltip but seven. This imageless tooltips are crafted using CSS power, linear-gradient, box-shadow, text-shadow, :after and :before selector, etc.

Read More »

gips – jQuery Clean and Simple Tooltips

July 04, 2012     3324     CSS3 & CSS Tooltip
gips – jQuery Clean and Simple Tooltips

Gips is a clean and simple jQuery tooltip plugin. Its simple, customizable, and easy to use. It also supports CSS themes.

Read More »

RefineSlide – Responsive Image Slider With CSS3 Effects

June 27, 2012     16728     Slider CSS3 & CSS Animation
RefineSlide – Responsive Image Slider With CSS3 Effects
RefineSlide is a 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.

Read More »

3D Thumbnail Hover Effects with CSS3 and jQuery

June 24, 2012     9248     CSS3 & CSS Effects
3D Thumbnail Hover Effects with CSS3 and jQuery

Here you will create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.

We’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover

Read More »

Slide Down Box Menu with jQuery and CSS3

June 13, 2012     11429     CSS3 & CSS Menu Effects
Slide Down Box Menu with jQuery and CSS3

Here you will create 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.

Read More »

MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

June 12, 2012     17201     Slider CSS3 & CSS
MaxImage 2.0 – jQuery Fullscreen Background Slideshow Plugin

MaxImage 2.0 is a fullscreen background slideshow plugin that utilizes jQuery Cycle Plugin and all it’s transitions / options.

MaxImage 2.0 determines whether your browser can use CSS3′s background-size:cover. If it can, it uses it as to limit the amount of heavy lifting that jQuery has to do. That means the majority of your users will have a slim and smooth experience. That is so important with large image animations.

Read More »

Elegant Accordion with jQuery and CSS3

June 09, 2012     2383     CSS3 & CSS
Elegant Accordion with jQuery and CSS3

Here you will create an elegant accordion for your sites content. The idea is to have some vertical accordion tabs that slide out when hovering. You will add some CSS3 properties to enhance the looks.

Read More »

Mosaiqy – Viewing and Zooming Photos Plugin

June 08, 2012     8966     JSON Gallery CSS3 & CSS Zoom Tables
Mosaiqy – Viewing and Zooming Photos Plugin

Mosaiqy is a jQuery plugin for viewing and zooming photo working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+. Photos are retrieved from a JSON/JSONP data structure and randomly moved inside the grid. All expensive animations are taken over by your GPU on recent browsers using CSS3 transitions, minimizing the CPU overhead.

Read More »

Fullscreen Slit Slider with jQuery and CSS3

June 05, 2012     10956     Slider CSS3 & CSS Animation
Fullscreen Slit Slider with jQuery and CSS3

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions.

Read More »

jqBarGraph - jQuery Graph Plugin

June 03, 2012     5058     CSS3 & CSS Chart & Graph Animation
jqBarGraph - jQuery Graph Plugin

jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your data to this plugin.

There are a lot of settings to tune appearance of your graph, as are animation, color scheme, dimensions etc. Also, you can additionally change look and feel of graph via CSS.

Read More »

Pep - jQuery Plugin for Kinetic Drag on Mobile/Desktop

June 02, 2012     3474     HTML5 CSS3 & CSS Mobile Drag & Drop Animation
Pep - jQuery Plugin for Kinetic Drag on Mobile/Desktop
Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery's animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.

Pep has built-in support for custom start, stop, rest, and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions.

Read More »

SIDEWAYS – jQuery Fullscreen Image Gallery

June 01, 2012     2625     Slider Gallery CSS3 & CSS
SIDEWAYS – jQuery Fullscreen Image Gallery
SIDEWAYS is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing and jQuery mousewheel plugin.

Read More »

Simple jQuery Fullscreen Image Gallery

May 31, 2012     3616     Slider Gallery CSS3 & CSS
Simple jQuery Fullscreen Image Gallery
A fullscreen image gallery made with jQuery and CSS. This is simple and elegant image gallery. Also gallery has next/previous image functionality via buttons and keyboard arrows.

Read More »

Style-My-Tooltips jQuery Plugin

May 31, 2012     899     CSS3 & CSS Tooltip
Style-My-Tooltips jQuery Plugin
A simple jQuery plugin to better style native browser tooltips. Small in size script to enhance the look of tooltips. It works just like browser’s native tooltips with few options and styling via CSS.

By default, the script applies to any element with a title attribute like links, paragraphs, images etc. but you can easily set it to affect only specific classes.

Read More »