This was the product of my dream. Yeah, I actually dreamed of making electric guitar Potentiometer knobs using CSS and HTML. A big help from Chris Coyier on this one. Wow! U R MY Yodah ;)
-Shazam!
A Pen by Stan Williams on CodePen.
Stan Williams stanwmusic
🏠
stanwmusic
/ CSS-only-collapsible-menu.markdown
Created
March 29, 2014 19:49
A Pen by Stan Williams.
stanwmusic
/ 3D-Hover-Effect-for-Images.markdown
Created
March 29, 2014 21:22
A Pen by Stan Williams.
Description
A simple CSS3 3D experiment showing the conversion of an image into a realistic 3D cuboid on hover with a cool shadow effect.
The bottom surface of the cuboid is made using a pseudo element which inherits the background image of the thumbnail and is positioned perpendicularly to create the 3D box effect.
The second pseudo element uses a translucent background and box-shadow to create a blurred dark shadow for the cuboid. Though CSS blur filter provides better control and visuals for the shadow, we stick to box-shadow because of the lack of support for CSS filters in many browsers.
stanwmusic
/ Automatic-full-screen-image-slider-made-with-pure-CSS.markdown
Created
March 30, 2014 06:37
A Pen by Stan Williams.
Automatic full screen image slider made with pure CSS
A Pen by Stan Williams on CodePen.
stanwmusic
/ Facebook-API-Widget--Grabs-json-from-facebook.markdown
Created
March 31, 2014 12:21
A Pen by Stan Williams.
Grabs json from facebook and displays it in a simple Handlebars template with easy pie chart.
A Pen by Stan Williams on CodePen.
stanwmusic
/ video.js
Created
April 5, 2014 03:32
— forked from sandropaganotti-zz/video.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| To use it: | |
| require(['video'], function(Video){ | |
| var video = new Video('.video'); | |
| // optionally, you can either drag a video file over the .video element | |
| video.playvideo('a valid video url'); | |
| }); | |
| */ |
stanwmusic
/ HTML5-Keyboard-Synthesizer.markdown
Created
April 5, 2014 04:29
A Pen by Stan Williams.
A simple HTML5 keyboard synthesizer to show off the Web Audio APIs
A Pen by Stan Williams on CodePen.
stanwmusic
/ Music-Production-Controller-(MPC).markdown
Created
April 5, 2014 04:34
A Pen by Stan Williams.
This is a Music Production Controller (MPC) build with HTML5 Audio, CSS3 and JavaScript.
Click the pads to hear the drum-sounds.
Keyboard control would be nice.
A Pen by Stan Williams on CodePen.
stanwmusic
/ Music-Production-Controller-(MP)-with-volume-control.markdown
Created
April 5, 2014 05:39
A Pen by Stan Williams.
This is a Music Production Controller (MPC) build with HTML5 Audio, CSS3 and JavaScript.
Click the pads to hear the drum-sounds.
Keyboard control would be nice.
A Pen by Stan Williams on CodePen.