nielsdoorn
/ dabblet.css
Created
February 18, 2012 08:18
— forked from koenveldhuizen/dabblet.css
Very simple css3 polaroid styling
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
| /** | |
| * Very simple css3 polaroid styling | |
| */ | |
| body{ | |
| background: #f06; | |
| background: linear-gradient(45deg, orange, yellow); | |
| min-height:100%; | |
| } | |
| div.photo{ | |
| width:200px; |
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
| /** | |
| * items mooi invoegen | |
| */ | |
| #items { | |
| list-style-type: none; | |
| } | |
| .item { | |
| display:block; |
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
| /** * network attempt */ | |
| ol, ul { | |
| list-style: none; | |
| } | |
| .network { | |
| position: relative; | |
| top: 20px; | |
| left: 40px; |
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
| /** * network attempt */ | |
| ol, ul { | |
| list-style: none; | |
| } | |
| .network { | |
| position: relative; | |
| top: 20px; | |
| left: 40px; |
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
| /** | |
| * parallax testje | |
| */ | |
| ul { | |
| list-style-type:none; | |
| } | |
| img { | |
| max-width: 720px; |
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>Bouncing rectangle on canvas · CodePen</title> | |
| <link rel="stylesheet" href="http://codepen.io/stylesheets/css/normalize.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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Bouncing rectangle on canvas · CodePen</title> | |
| <link rel="stylesheet" href="http://codepen.io/stylesheets/css/normalize.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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Bouncing rectangle on canvas · CodePen</title> | |
| <link rel="stylesheet" href="http://codepen.io/stylesheets/css/normalize.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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Bouncing rectangle on canvas · CodePen</title> | |
| <link rel="stylesheet" href="http://codepen.io/stylesheets/css/normalize.css"> |
nielsdoorn
/ index.html
Created
September 7, 2012 15:13
just a simple example to introduce javascript a little bit
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="form"> | |
| <form id="daForm"> | |
| <h2>Type your own lines here</h2> | |
| Line 1 <input type="text" id="i1" placeholder="program" /><br/> | |
| Line 2 <input type="text" id="i2" placeholder="calm" /><br/> | |
| Line 3 <input type="text" id="i3" placeholder="and" /><br/> | |
| Line 4 <input type="text" id="i4" placeholder="script"/><br/> | |
| Line 5 <input type="text" id="i5" placeholder="on"/><br/> | |
| </form> | |
| </div> |