- Editable as text, preferably markdown
- Plays in a browser
- Deployable to heroku or other service completely statically
- clean default look that is easy to customize without slogging through generated HTML
- hard-fix the dimensions, e.g. 1024x768 for projectors
- support for remote control for advancing
Max West maxw3st
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
| /** | |
| * Modified Carpet | |
| */ | |
| background: | |
| radial-gradient(0% 0%, rgba(150, 150, 150, 0) 9px, #CCD3DD 10px, rgba(150, 150, 150, 0) 11px, transparent), | |
| radial-gradient(100% 100%, rgba(150, 150, 150, 0) 9px, #CCD3DD 10px, rgba(150, 150, 150, 0) 11px, transparent), | |
| radial-gradient(0% 100%, rgba(150, 150, 150, 0) 9px, #BEC4CE 10px, rgba(150, 150, 150, 0) 11px, transparent), | |
| #EBEEF4; | |
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
| /** | |
| * Modified Carpet | |
| */ | |
| background: | |
| radial-gradient(0% 0%, rgba(150, 150, 150, 0) 9px, #CCD3DD 10px, rgba(150, 150, 150, 0) 11px, transparent), | |
| radial-gradient(100% 100%, rgba(150, 150, 150, 0) 9px, #CCD3DD 10px, rgba(150, 150, 150, 0) 11px, transparent), | |
| radial-gradient(0% 100%, rgba(150, 150, 150, 0) 9px, #BEC4CE 10px, rgba(150, 150, 150, 0) 11px, transparent), | |
| #EBEEF4; | |
maxw3st
/ index.coffeescript
Created
July 24, 2012 20:10
Springy particle text A web page created at CodePen.io.
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
| ### | |
| Text masked spring particles | |
| Author: Kushagra Gour a.k.a. Chin Chang | |
| ### | |
| # requestanimationframe polyfill | |
| window.requestAnimFrame = (-> | |
| return window.requestAnimationFrame || | |
| window.webkitRequestAnimationFrame || | |
| window.mozRequestAnimationFrame || | |
| window.oRequestAnimationFrame || |
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
| ### | |
| Text masked spring particles | |
| Author: Kushagra Gour a.k.a. Chin Chang | |
| ### | |
| # requestanimationframe polyfill | |
| window.requestAnimFrame = (-> | |
| return window.requestAnimationFrame || | |
| window.webkitRequestAnimationFrame || | |
| window.mozRequestAnimationFrame || |
maxw3st
/ dabblet.css
Created
June 27, 2012 16:34
— forked from LeaVerou/dabblet.css
Challenge by HTeuMeuLeu
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
| /** | |
| * Challenge by HTeuMeuLeu | |
| */ | |
| body { | |
| padding:50px; | |
| background:#2fa7ca; | |
| } |
maxw3st
/ dabblet.css
Created
June 25, 2012 14:20
— forked from daneden/dabblet.css
Multi-level dropdown menus
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
| /** | |
| * Multi-level dropdown menus | |
| */ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } |
maxw3st
/ dabblet.css
Created
June 25, 2012 05:03
— forked from LeaVerou/dabblet.css
CSS Box model demo
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
| /** | |
| * CSS Box model demo | |
| */ | |
| body { | |
| width: 300px; | |
| height: 200px; | |
| padding: 30px; | |
| border-width: 10px; | |
| /*box-sizing: border-box;*/ |
maxw3st
/ dabblet.css
Created
June 25, 2012 02:55
Floating buttons with adjusting drop shadows @simurai
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
| /** | |
| * Floating buttons with adjusting drop shadows @simurai | |
| */ | |
| html { | |
| background: hsl(30,40%,90%); | |
| } | |
| body { | |
| text-align: center; | |
| padding-top: 100px; |
maxw3st
/ dabblet.css
Created
June 25, 2012 02:53
Gradient The first commented line is your dabblet’s title
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
| /** | |
| * Gradient The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
maxw3st
/ requirements.md
Created
June 22, 2012 15:37
— forked from davetron5000/requirements.md
My Ideal Presentation Software