Interactive 3D Mall Map with CSS & SVG

Today we’d like to share a little 3D experiment with you. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators for the different stores/spaces. When clicking on a pin, we show some more details of that space. We’ve mostly used CSS trickery for this, applying transitions that will rotate and move the levels by adding or removing classes. The levels are represented by inline SVGs. Read More Demo Download

The post Interactive 3D Mall Map with CSS & SVG appeared first on Webostock Marketplace.

Webostock Marketplace

formBuilder : jQuery Drag Drop Form Builder

A jQuery plugin for drag and drop form creation.To start building forms with this plugin call formBuilder() on the textarea you would like to make your editor. FormBuilder takes a number of options and is translatable. Read More Demo Download

The post formBuilder : jQuery Drag Drop Form Builder appeared first on Webostock Marketplace.

Webostock Marketplace

Interactive Animated SVG Drum Kit

Today we’re going to create an animated SVG drum kit that can be played by clicking, tapping or using your keyboard, and that can also be programmed to play by itself! We’ll be making use of GreenSock’s TweenMax animation library, jQuery and the

The post Interactive Animated SVG Drum Kit appeared first on Webostock Marketplace.

Webostock Marketplace

jQuery Hover3d : 3d Hover Effect

jQuery Hover3d is a simple hover script for creating 3d hover effect.The idea is transforming the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change the transform value Tags: Image Hover Effect Read More Demo Download

The post jQuery Hover3d : 3d Hover Effect appeared first on Webostock Marketplace.

Webostock Marketplace

Tone.js : JavaScript Web Audio framework

Tone.js is a Web Audio framework for creating interactive music in the browser. The architecture of Tone.js aims to be familiar to both musicians and audio programmers looking to create web-based audio applications. On the high-level, Tone offers common DAW (digital audio workstation) features like a global transport for scheduling and timing events and prebuilt synths and effects. Read More Demo Download

The post Tone.js : JavaScript Web Audio framework appeared first on Webostock Marketplace.

Webostock Marketplace