Slide in panel with jQuery & CSS3

Slide in panel with jQuery & CSS3

A CSS3 and jQuery powered slide-in panel, to quickly show side content, notifications or profile information.

Background Colorful Generator jQuery Plugin

Background Colorful Generator jQuery Plugin

Background Colorful Generator Jquery plugin is quit easily generate beautiful backgrounds to use on your website.

Features:

  • Noise effect
  • Cell spacing
  • Cell size
  • Padding cells

Gridify : Create Pinterest-like Grid using jQuery

Gridify : Create Pinterest-like Grid using jQuery

A lightweight script for creating a Pinterest-like grid using JQuery, pure javascript or YUI with image loaded

Features

  • support image loaded event
  • support window resize event
  • support very long height item
  • support dynamic item width
  • support animation (CSS3 transition)

Leader.js : Inline form jQuery plugin

Leader.js : Inline form jQuery plugin

Leader.js is a concept to enable the user to fill a form as quickly and easily as possible on mobile.

Filling forms on mobiles can be frustrating, with constant scrolling, tapping and opening/ re-opening of the keyboard. Leader.js simplifies the process with a shake up of the process.

Off-Canvas Menu Effects with CSS3 & SVG

Off-Canvas Menu Effects with CSS3 & SVG

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.Today we want to show a new set of modern effects for your inspiration. Different layouts and synced transitions of the menu and the page can make everything look more interesting and we can make use of the available space for side-menus and controls. SVG allows us to play with organic shapes and add some unexpected and stylish moves to a design.

Advanced Parallax Scrolling Effect with CSS3 & JavaScript

Advanced Parallax Scrolling Effect with CSS3 & JavaScript

In this tutorial, we take a look at a more advanced parallax scrolling effect with a background image moving at a different speed to the content above it.We’ll look into achieving a more true-to-life representation of parallax scrolling. As defined previously, parallax is an effect where the position of an object seems to be different when viewed from different positions. In this tutorial, our background will move at a slower speed than our foreground.

Image Comparison Slider with jQuery & CSS3

Image Comparison Slider with jQuery & CSS3

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery.

jQuery Vertical Scrollpanel Plugin

jQuery Vertical Scrollpanel Plugin

jQuery plugin to create a vertical scroll panel in a container element. To enable mouse wheel support include jQuery.mousewheel

Ptty : jQuery Expansible Terminal Emulator

Ptty : jQuery Expansible Terminal Emulator

Ptty is a jQuery plugin that creates an expansible terminal emulator. It is small, it is fast and it is fully customizable by adding commands and callbacks.

Tab Styles Inspiration with CSS3 & SVG

Tab Styles Inspiration with CSS3 & SVG

Today we’d like to share a couple of tab styles with you. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.The collection contains some styles and effects for modern tabs; from a simple box to a SVG shape. Depending on your design, different tab layouts and looks can spice up your sections; think outside of the box (literally) and you’ll see how interesting the usually boring tabs can become.