HTML 5 Upload Image, Ratio with Drag and Drop

HTML 5 Upload Image, Ratio with Drag and Drop

A HTML5 Upload image tool, full use of HTML5 with canvas (with fallback options). Together with a ratio and drag & drop makes this tool ideal for use in a CMS.

Features:

  • uses canvas to crop the image, no server scripts needed!
  • want to use a server script, no problem! simple change it with additional options
  • full HTML5 support
  • save your image with AJAX or use the tradional FORM input file element
  • uses ratio to let it fit your screen or element
  • easy to use
  • additional options to configure
  • bootstrap 3.1
  • jQuery

Lighterbox : A lighterweight lightbox Gallery Plugin

lighterbox : A lighterweight lightbox Gallery Plugin

A lighterweight lightbox gallery module. A simple plugin supporting modern mobile and desktop browsers to minimize configuration and hacky code. Customizable.

Timesheet.js : JavaScript library to create HTML time sheets

Timesheet.js : JavaScript library to create HTML time sheets

Visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well.

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.