Advertise here

CSS3 & CSS

jq-tiles – Slider with CSS3 Effects

October 31, 2012     6416     Slider Gallery CSS3 & CSS Effects
jq-tiles – Slider with CSS3 Effects

jq-tiles is a slideshow with many cool css3 effects.

In browsers that don't support css3 transitions classes won't be animated but some effects will still work. 

Read More »

PFold – Paper Like Unfolding Effect

October 19, 2012     6736     CSS3 & CSS Effects
PFold – Paper Like Unfolding Effect

PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal some other content. The idea is to have several levels of folding, where each step of opening will double the element size, hence imitating a folded paper being opened. 

Read More »

Windy – jQuery Plugin for Swift Content Navigation

October 09, 2012     13476     Slider CSS3 & CSS Effects
Windy – jQuery Plugin for Swift Content Navigation

Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name.

Read More »

Vertical Showcase Slider with jQuery and CSS Transitions

October 04, 2012     13151     Slider CSS3 & CSS Responsive
Vertical Showcase Slider with jQuery and CSS Transitions
Here you ll create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the description. When navigating through the items, we will slide the preview section and the section with the description in opposite directions.

Read More »

jQuery.fluxoModal – jQuery Plugin Similar to Lightbox

September 25, 2012     8890     Gallery HTML5 CSS3 & CSS Effects Animation Modal & Overlay
jQuery.fluxoModal – jQuery Plugin Similar to Lightbox

jQuery.fluxoModal is a jQuery plug-in similar to lightbox. It can highlight any kind of html element inside an html modal window, blurring the background using html5 canvas, CSS3 animations and a crossbrowser fallback for IE.

Read More »

Foggy – jQuery Plugin for Blurring Page Elements

September 20, 2012     6288     CSS3 & CSS Effects
Foggy – jQuery Plugin for Blurring Page Elements

Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.

Foggy by default uses the "-webkit-filter: blur" CSS attribute. If the browser doesn't support it, Foggy falls back to a manual blur. It makes several copies of the selected HTML element. It adds transparency to all copies and moves each of them by small amount, thus creating the blur effect.

Read More »

Avgrund Modal jQuery Plugin

September 07, 2012     5887     CSS3 & CSS Modal & Overlay
Avgrund Modal jQuery Plugin

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior).

Read More »

tiltShift.js – jQuery Plugin for Tilt Shift Effect

September 06, 2012     3652     CSS3 & CSS Effects
tiltShift.js – jQuery Plugin for Tilt Shift Effect

tiltShift.js is a jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6

Read More »

Tooltipster – jQuery Tooltip Plugin

August 28, 2012     2451     HTML5 CSS3 & CSS Tooltip Validation
Tooltipster – jQuery Tooltip Plugin

Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.

* Supports HTML tags inside the tooltip
* Lightweight and degradable
* Extremely flexible & fast to set up
* Easily styled with 100% CSS - no images needed
* Plays nicely with IE

Read More »

tooltipsy – jQuery Tooltip Plugin for Control-Obsessed Designers

August 25, 2012     1583     CSS3 & CSS Tooltip Animation
tooltipsy – jQuery Tooltip Plugin for Control-Obsessed Designers

tooltipsy is a jQuery tooltip plugin that simply provide extremely efficient tooltip functionality. Tooltipsy gives you complete control over the CSS, animation, and position.

Read More »

Parallax Content Slider with CSS3 and jQuery

August 22, 2012     22986     Slider CSS3 & CSS Effects
Parallax Content Slider with CSS3 and jQuery

Here you ll learn how to create a simple parallax content slider. Using CSS animations, you’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.

Read More »

Triple Panel Image Slider With jQuery

August 21, 2012     5771     Slider CSS3 & CSS
Triple Panel Image Slider With jQuery

Here you ll learn how to create a jQuery triple panel image slider with a 3D look.

The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, you will slide in the respective next image in each panel. You'll be using CSS 3D Transforms with perspective and CSS Transitions.

Read More »

jQuery coreUISelect – Stylize Select Element with jQuery and CSS

August 16, 2012     6913     CSS3 & CSS Form Elements
jQuery coreUISelect – Stylize Select Element with jQuery and CSS

jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher.

Available Features:
* Full customization
* Optiongroup support
* Automatic calculations
* Keyboard support
* Powerful callback functions
* Compatible with mobile devices
* Support jScrollPane plugin for customize default scrollbar

Read More »

3D Flipping Circle with CSS3 and jQuery

July 23, 2012     4373     CSS3 & CSS
3D Flipping Circle with CSS3 and jQuery

Here you ll learn how to create a little component with a realistic touch. The idea is based on the sweet paper effect found in the video of the Google Developer Stories.

We’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Read More »

FrameWarp – jQuery Plugin for Displaying Pages in a Neat Overlay

July 22, 2012     4852     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 »

AdvertisementAdvertise with us!