Closing Door Menu with CSS3 & jQuery

Closing Door Menu with CSS3 & jQuery

This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

Bruno : jQuery Modal PopUp Dialog Plugin

Bruno : jQuery Modal PopUp Dialog Plugin

The Modal Pop-up Dialog Box on jQuery, jQuery UI and DialogExtend with the skins in the style of Metro.

Waves : Click effect Inspired by Google’s Material Design

Waves : Click effect Inspired by Google's Material Design

Waves is a Click effect inspired by Google’s material design.

Scrolling Shadow Effect with CSS3 & jQuery

Scrolling Shadow Effect with CSS3 & jQuery

I stumbled across the VoicesHavePower website which uses a nice grid layout to separate its contents. It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window. I’ve recreated this effect with CSS3 transform effects and some jQuery.

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js is a utility for generating map overviews using GeoJSON and HTML Canvas. It was created out of a need to render simple map previews, quickly and efficiently, without strict Terms of Use and without heavy client libraries.

The utility has no dependencies, weighs ~5kb (sans GeoJSON), and also comes with a simple wrapper to use with jQuery or Zepto.

Fly! 3D – Attractive jQuery Effect

Fly! 3D - Attractive jQuery Effect

Fly! 3D  is an attractive jQuery Effect.By using this plugin your whole screen is fill with fly objects.

baguetteBox.js : Simple and easy to use Lightbox Script

baguetteBox.js : Simple and easy to use Lightbox Script

baguetteBox.js is a simple and easy to use lightbox script written in pure JavaScript.

Features:

  • Written in pure JavaScript, no dependencies required
  • Multiple-gallery support, allows custom options for each
  • Supports swipe gestures on touch-screen devices
  • Modern and minimal look
  • Image captions support
  • Responsive images
  • CSS3 transitions
  • SVG buttons, no extra files to download

Create A CSS3 Spinning Preloader

Create A CSS3 Spinning Preloader

Learn how to create a nice CSS3 spinning preloader in this tutorial.

Full-Screen Pop-Out Navigation with jQuery & CSS3

Full-Screen Pop-Out Navigation with jQuery & CSS3

Here is a fixed menu that drives users’ attention to a couple of call-to-action buttons first, then let them explore the full-screen navigation with jQuery and CSS3.

Slidemenu : jQuery Side Menus with style

Slidemenu : jQuery Side Menus with style

Slidemenu is a jquery menu plugin for side menus with fun slide interactions.