Yusuke Sugomori yusugomori
This file contains 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="css3book"> | |
| <div class="book-host"> | |
| <div class="book"> | |
| <div class="dummy"> | |
| <div class="book-cover"></div> | |
| <div class="dummy-page" id="dummy-page0"></div> | |
| <div class="dummy-page" id="dummy-page1"></div> | |
| <div class="dummy-page" id="dummy-page2"></div> | |
| <div class="dummy-page" id="dummy-page3"></div> | |
| <div class="dummy-page" id="dummy-page4"></div> |
This file contains 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
| body { | |
| .danboard-host { | |
| #danboard { | |
| .material() { | |
| .border-radius(3px); | |
| .box-sizing(border-box); | |
| position: absolute; | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform-origin: left top 0; | |
| text-align: center; |
This file contains 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
| .danboard-host | |
| #danboard | |
| .face | |
| .bottom | |
| .right | |
| .back | |
| .left | |
| .top | |
| .cover | |
| .line |
This file contains 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
| class Danboard | |
| constructor: (id) -> | |
| $danboard = $(id) | |
| baseRotateX = 60 | |
| baseRotateY = 150 | |
| baseRotateZ = -20 | |
| $(window).keydown (e) => | |
| if e.which is 37 # KEYLEFT | |
| e.preventDefault() |
This file contains 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="modal-container" id="modal_for_demo"> | |
| <div class="modal wide"> | |
| <div class="header"> | |
| <a href="#" class="close">×</a> | |
| </div> | |
| <div class="contents"> | |
| Contents in Modal | |
| </div> | |
| </div> | |
| <div class="overlay"></div> |
This file contains 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
| .noscroll { | |
| overflow: hidden !important; | |
| } | |
| .visible .overlay { | |
| opacity: 0.8; | |
| -moz-opacity: 0.8; | |
| } | |
| .overlay { |
This file contains 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
| class _Modal | |
| show: (options={}) -> | |
| return false unless options.modalContainerId? | |
| $modalContainer = $(options.modalContainerId) | |
| $modal = $modalContainer.children('.modal') | |
| $close = $modal.find('.close') | |
| $('html, body').addClass 'noscroll' | |
| $modalContainer.css |
This file contains 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
| class Mother2 | |
| constructor: (options={}) -> | |
| id = options.id or '#mother2' | |
| @cellSize = options.cellSize or 3 | |
| $id = $(id) | |
| $id.css | |
| position: 'relative' | |
| render: (options={}) -> | |
| return false unless options.arr |
yusugomori
/ index.html
Created
August 19, 2012 06:53
— forked from piatra/index.html
Record stream from getUserMedia() stream
This file contains 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> | |
| <title>Video recording demo</title> | |
| <link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> |
This file contains 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
| <script type="text/javascript" src="jquery.js"></script> | |
| <script type="text/javascript" src="jFBMobileFeedPhoto.js"></script> | |
| <script type="text/javascript"> | |
| $(function(){ | |
| new jFBMobileFeedPhoto(); | |
| }) | |
| </script> | |
| <div id="jFBMobileFeedPhoto"> | |
| <div> |