Interactive Room Display with JavaScript & CSS

Interactive Room Display with JavaScript & CSS

Today we’d like to share a little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all float in 3D space and move according to the position of the mouse. Once an item is clicked, more details pop up. Navigating between the room “slides” will rotate the different wall sections and add some interesting dynamic to the whole thing.

Twitter Heart Button CSS3 Animation

Twitter Heart Button CSS3 Animation

Today twitter has been introduced a new heart (like) button, it is actually a replacement for favorite button. I love the way twitter has implemented cool animation effect for click action. This post will explain you, how to implement this using CSS3 and Jquery.

AcroGrow.js : jQuery Plugin for (non)sense of Internet Acronyms

AcroGrow.js : jQuery Plugin for (non)sense of Internet Acronyms

A jQuery plug-in that makes (non)sense of internet acronyms.

  • Replaces acronyms within specified elements with random nonsense words OR actual definitions.
  • Define custom acronyms list & associated definitions.
  • Separate name-spaced CSS file for easy customization & debugging.

jQuery Inline-edit Plugin

jQuery Inline-edit Plugin

A jQuery plugin to manage inline edit.

Cohesive Colors Tool

Cohesive Colors Tool

A tool for creating more cohesive color schemes. Pick a bunch of random colors that you like and add a touch of magic.

Custombox : Modal Window Effects with transitions CSS3

Custombox : Modal Window Effects with transitions CSS3

Custombox is a modal window effects with transitions CSS3.

rpage : jQuery Responsive Pagination for Bootstrap

rpage : jQuery Responsive Pagination for Bootstrap

rpage is a jQuery plugin used to create responsive, space-saving Bootstrap pagination that dynamically shrinks and hides the pagination items based on screen width.

Ideal Image Slider

Ideal Image Slider

The aim behind the Ideal Image Slider is to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as “extensions”. Here are the ideals and core features I wanted to include:

  • HTML5 (SEO optimised)
  • CSS3 transitions (a few simple transitions like slide/fade)
  • Left/Right navigation (including touch/swipe support)
  • Responsive
  • HiDPI (retina) support
  • ARIA support
  • Extremely simple to setup (no dependencies)
  • Very extensible
  • Uses progressive enhancement

diferente : Virtual DOM Diffing

diferente : Virtual DOM Diffing

diferente is a javascript library for user-friendly virtual DOM diffing.

VisualKeys : jQuery Visual Keyboard Shortcuts Plugin

VisualKeys : jQuery Visual Keyboard Shortcuts Plugin

VisualKeys is a jQuery plugin to configure shortcuts to users most used actions. It’s best on web interfaces where users have to execute repetitive tasks giving them a faster way to do the job.