Advertise here

CSS3 & CSS

Responsive Nav – Responsive Navigation Plugin with Touch Support

April 09, 2013     2756     CSS3 & CSS Mobile Responsive
Responsive Nav – Responsive Navigation Plugin with Touch Support

Responsive Nav is a tiny JavaScript plugin which helps you to create a toggled navigation for small screens.

It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.

Read More »

Panzoom – jQuery Plugin for Panning & Zooming Elements with CSS3

March 20, 2013     4420     Zoom CSS3 & CSS
Panzoom – jQuery Plugin for Panning & Zooming Elements with CSS3

Panzoom is a progressive plugin to create panning and zooming functionality for an element.

Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can beanything: an image, a video, an iframe, a canvas, text, whatever.

Read More »

oriDomi – Fold Up DOM Elements Like Paper

March 18, 2013     6745     CSS3 & CSS Effects
oriDomi – Fold Up DOM Elements Like Paper

oriDomi is a JavaScript library for folding up any HTML element just like a paper. Oridomi has jQuery support and only works in modern browsers that support CSS 3D transforms.

oriDomi has touch support and works on iOS.

There are multiple effects provided: accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.

Read More »

Create an Animated Bar Graph with CSS and jQuery

March 12, 2013     8291     CSS3 & CSS Chart & Graph
Create an Animated Bar Graph with CSS and jQuery

Nice tutorial from Smashing Magazine about "Creating an Animated bar Graph with CSS And jQuery". 

What this tutorial is making?

  • A progress bar that indicates how long until the end of all humanity in the event of a zombie plague;
  • A graph indicating the decline in safe outdoor activities during a zombie plague;
  • A frighteningly similar graph indicating the decline in manners during a zombie plague;
  • The increase of people who were unaware of the zombie plague because they were sharing with all of their now-deceased friends on Facebook what they did on FarmVille

Read More »

Fancy Input – CSS3 Text Typing Effects for Input Fields

March 08, 2013     6192     Form Elements Effects CSS3 & CSS
Fancy Input – CSS3 Text Typing Effects for Input Fields

Fancy Input is a jQuery plugin that makes typing & deleting in input / Textarea fields exciting with CSS3 effects.

  • Supports input (type text) and textarea form elements
  • Add effects to each letter being typed / deleted
  • All effects are highly customizable via CSS
  • Default effects are CSS3 hardware accelerated
  • Tries to simulates real input / textarea as much as possible

Read More »

jquery.transformlist – CSS3 Transform Styles and Animations for jQuery

March 07, 2013     2099     CSS3 & CSS Animation
jquery.transformlist – CSS3 Transform Styles and Animations for jQuery

jquery.transformlist is a jQuery plugin to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions.

jquery.transformlist aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use jQuery.animate() between different sets of arguments for those transform functions.

Read More »

How to Create a jQuery Confirm Dialog Replacement

March 01, 2013     29067     Modal & Overlay CSS3 & CSS
How to Create a jQuery Confirm Dialog Replacement

In this tutorial you are going to build a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked.

Read More »

Full Width Image Slider

February 26, 2013     9268     CSS3 & CSS Slider Gallery Mobile
Full Width Image Slider

Full Width Image Slider is a very simple 100% width slider that scales down to mobile.

This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.

Read More »

How to Create Windows-8-like 3D Animations with CSS3 and jQuery

February 25, 2013     9607     CSS3 & CSS
How to Create Windows-8-like 3D Animations with CSS3 and jQuery

Tutorial about "How to Create Windows-8-like 3D Animations with CSS3 and jQuery"

The demo works in the latest versions of all browsers, including IE10.

Read More »

Looper.js – Lightweight Carousel jQuery Plugin

February 08, 2013     5456     CSS3 & CSS Slider Carousel
Looper.js – Lightweight Carousel jQuery Plugin

Looper.js is an intuitive, lightweight carousel jQuery plugin.

Cycle through your content without writing a single line of Javascript. To keep things simple, transition effects are optional and have been limited to slide and cross-fade. In browsers that don't support CSS transitions, jQuery's animate is used.

Keyboard navigation is available when the element has focus. Simply use the left/right arrows keys.

Read More »

GFX – 3D CSS3 Animation Library for jQuery

February 04, 2013     5705     CSS3 & CSS Animation
GFX – 3D CSS3 Animation Library for jQuery

GFX is an 3D CSS3 animation library that extends jQuery with some useful functionality for programmatically creating CSS3 transitions.

CSS3 transitions are superior to manual ones (using setTimeout) since they're hardware accelerated, something particularly noticeable on mobile devices.

Read More »

Textillate.js – Simple jQuery Plugin for CSS3 Text Animations

January 30, 2013     10740     CSS3 & CSS Text & String Animation
Textillate.js – Simple jQuery Plugin for CSS3 Text Animations

Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.

Read More »

Flipping Circle Slideshow

January 28, 2013     3146     Slider CSS3 & CSS
Flipping Circle Slideshow

Flipping Circle Slideshow is an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click.

There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.

Read More »

3D Image Gallery Room

January 15, 2013     5879     CSS3 & CSS Gallery
3D Image Gallery Room

3D Image Gallery Room is an experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.

Read More »

sBubble – jQuery CSS3 Tooltip Plugin

January 14, 2013     5933     CSS3 & CSS Tooltip
sBubble – jQuery CSS3 Tooltip Plugin

sBubble is a jQuery tooltip plugin which is totally based on CSS3 for shapes and animations. Yes no images used and no jQuery code used for animation. Plus some color themes are also provided.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish