Chris Slott cslott
cslott
/ dabblet.css
Created
April 17, 2013 00:39
— forked from LeaVerou/dabblet.css
Checkerboard pattern
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
| /** | |
| * Checkerboard pattern | |
| * (a bit buggy in Webkit, see bug #54615) | |
| */ | |
| background-color: white; | |
| background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), | |
| linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black); | |
| background-size:100px 100px; | |
| background-position: 0 0, 50px 50px; |
cslott
/ dabblet.css
Created
April 17, 2013 00:39
— forked from LeaVerou/markup.html
Illustrating correct & wrong inner border-radius
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
| /** | |
| * Illustrating correct & wrong inner border-radius | |
| */ | |
| .outer { | |
| padding: 10px; | |
| margin: 50px; | |
| border: 1px solid silver; | |
| box-shadow: 0 0 10px gray; | |
| border-radius: 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
cslott
/ Ruby Notepad Bookmarklet
Created
January 30, 2013 18:00
— forked from jakeonrails/Ruby Notepad Bookmarklet
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
| data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</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
| /** | |
| * Learn take two - Repetition | |
| */ | |
| /** | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| */ |
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
| /** | |
| * Webchat layout | |
| */ | |
| <style type="text/css"> | |
| *{margin:0px;padding:0px;overflow:hidden;} | |
| div{position:absolute} | |
| div#header{top:0px;left:0px;right:0px;height:30px; | |
| background-color:olive; |
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
| /** | |
| * Learn HTML & CSS - Codecademy | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
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></html> | |
| <head></head> | |
| <body></body> | |
| <p></p> | |
| style="background-color: red"; |
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" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>$title</title> | |
| $styles | |
| </head> | |
| <body> | |
| <h1>$title</h1> |
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
| <?php | |
| // Logic.php | |
| $number = 11; | |
| if ($number < 10) | |
| { | |
| echo "Less than 10"; | |
| } |