http://www.fnf.fm/ Forked from Mustafa ismail 's Pen Music Player.
A Pen by Cartoonist ARiF on CodePen.
Cartoonist ARiF cartoonistarif
cartoonistarif
/ FnF.fm
Created
June 3, 2014 19:59
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>FnF.fm</title> | |
| </head> | |
| <html> | |
| <head> | |
| <style type="text/css"> |
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
| <div id="fb-root"></div> | |
| <script>(function(d, s, id) { | |
| var js, fjs = d.getElementsByTagName(s)[0]; | |
| if (d.getElementById(id)) {return;} | |
| js = d.createElement(s); js.id = id; | |
| js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; | |
| fjs.parentNode.insertBefore(js, fjs); | |
| }(document, 'script', 'facebook-jssdk'));</script> | |
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
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width"> | |
| </head> | |
| <body style="margin: 20px"> |
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
| <div class='metro-social'> | |
| <li><a class="fb" href=http://www.facebook.com/toonsmag rel="nofollow"></a></li> | |
| <li><a class="tw" href=http://twitter.com/toonsmag></a></li> | |
| <li><a class="gp" href="https://plus.google.com/+toonsmag"></a></li> | |
| <li><a class="pi" href=http://pinterest.com/toonsmag rel="nofollow"></a></li> | |
| <li><a class="in" href=https://www.linkedin.com/in/toonsmag rel="nofollow"></a></li> | |
| <li><a class="yt" href=http://www.youtube.com/toonsmag></a></li> | |
| <li><a class="fd" href=http://feeds.feedburner.com/toonsmag rel="nofollow"></a></li> | |
| </div> | |
| <style> |
cartoonistarif
/ FnF.fm-Complete-CSS3-+-HTML5-music-video.markdown
Created
September 20, 2014 23:45
A Pen by Cartoonist ARiF.
Full how-to at 24ways.org: http://24ways.org/2012/flashless-animation/
You probably have seen me working on the different parts of this: The walk cycle, the running animation, the music looping, the parallax. Here it comes all together.
Music is "The Girl in Byakkoya" by Susumu Hirasawa.
Forked from Lisa's Pen Complete CSS3 + HTML5 music video.
cartoonistarif
/ Css3---Html5-Audio.markdown
Created
September 22, 2014 11:57
A Pen by Cuộc Sống Số.
Css3 - Html5 Audio
A Pen by Cuộc Sống Số on CodePen.
cartoonistarif
/ Css3---Html5-Audio.markdown
Created
September 22, 2014 11:58
A Pen by Cartoonist ARiF.
Css3 - Html5 Audio
Forked from Cuộc Sống Số's Pen Css3 - Html5 Audio.
A Pen by Cartoonist ARiF on CodePen.
cartoonistarif
/ FnF.fm-Play-button-with-Radio-player.markdown
Created
September 22, 2014 12:36
A Pen by Cartoonist ARiF.
cartoonistarif
/ html5-toggle-FnF.fm-player.markdown
Created
September 22, 2014 12:48
A Pen by Cartoonist ARiF.
Using a simple on/off toggle to play music with html5 audio player.
Forked from Dimitri Denis's Pen html5 toggle audio player.
A Pen by Cartoonist ARiF on CodePen.
OlderNewer