iCheck - Highly customizable checkboxes and radio buttons for jQuery and Zepto

In Form 1389715954 1137 Link

Need to style some checkboxes and want them to look the same across all browsers? Then iCheck (for jQuery and Zepto) will make your work easy by creating customized checkboxes and radio buttons.

Features

  • Identical inputs across different browsers and devices — both desktop and mobile
  • Touch devices support — iOS, Android, BlackBerry, Windows Phone, Amazon Kindle
  • Keyboard accessible inputsTab, Spacebar, Arrow up/down and other shortcuts
  • Customization freedom — use any HTML and CSS to style inputs (try 6 Retina-ready skins)
  • jQuery and Zepto JavaScript libraries support from single file
  • Screenreader accessible inputsARIA attributes for VoiceOver and others
  • Lightweight size — 1 kb gzipped

iCheck Highly customizable checkboxes and radio buttons for jQuery and Zepto
read more

Shape Hover Effect with SVG

In Effects 1389715187 1214 Link

In this tutorial we'll recreate the hover effect as seen on The Christmas Experiments website. We'll be using SVG for the shape and Snap.svg for animating it on hover.

Shape Hover Effect with SVG
read more

Look Inside Book Preview with BookBlock

In 3D & Page 1389714612 935 Link

A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.

Look Inside Book Preview with BookBlock
read more

JQuery plugin that allows you to create a gallery with a justified grid.

In Gallery, Grid & Layout 1387825681 1381 Link

This is a JQuery plugin that allows you to create an high quality justified gallery of images. Fill all the spaces!
A common problem, for people who create sites, is to create an elegant image gallery that manages the various sizes of images. Flickr and Google+ manage this situation in an excellent way, the purpose of this plugin is to give you the power of these solutions, with a new fast algorithm.

Ideally, we want a disposition of the images without cropping them. But, to dispose all the images, minimizing their cropping parts, can be reduced to the “Knapsack Problem”, known to be an NP-complete problem. We can’t do miracles, but we can try to minimize the cropping parts of the images, maintaining the original order of them. Furthermore, we need a good appealing disposition: we need that all the images of a row to have the same height.

JQuery plugin that allows you to create a gallery with a justified grid
read more

Switchery iOS 7 style switches for your checkboxes

In Form 1387824256 1139 Link

Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.

Supported by all modern browsers: Chrome, Firefox, Opera, Safari, IE8+

Switchery iOS 7 style switches for your checkboxes
read more

Perspective Page View Navigation

In Effects, Menu 1387639772 1507 Link

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to explore some more effects.

Perspective Page View Navigation
read more
Page 1 of 89