parrfolio
/ Resize Images with Media Queries Example
Created
May 17, 2011 20:53
Resize Images with Media Queries Example
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
| img { | |
| max-width: 100%; | |
| height: auto; | |
| width: auto\9; /* ie8 */ | |
| } | |
| @media screen and (min-width:1200px){ | |
| img { | |
| max-width:1000px; | |
| } |
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 content="html.renderer=webgl" name="gwt:property"> |
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
| if (document.createElement("input").webkitSpeech === undefined) { | |
| alert("Speech input is not supported in your browser."); | |
| } |
parrfolio
/ HTML5 Video over Airplay (in iOS 4.3)
Created
May 12, 2011 15:38
HTML5 Video over Airplay (in iOS 4.3)
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
| <video x-webkit-airplay="allow"></video> |
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
| -webkit-background-clip: padding-box; |
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
| background: #293c4d url("image.png") repeat 0 0; | |
| background: url("image.png"), -moz-linear-gradient(top, #293c4d 0%, #26353c 100%) repeat 0 0; | |
| background: url("image.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#293c4d), color-stop(100%,#26353c)) repeat 0 0; | |
| background: url("image.png"), -webkit-linear-gradient(top, #293c4d 0%, #26353c 100%) repeat 0 0; | |
| background: url("image.png"), -o-linear-gradient(top, #293c4d 0%, #26353c 100%) repeat 0 0; | |
| background: url("image.png"), -ms-linear-gradient(top, #293c4d 0%, #26353c 100%) repeat 0 0; | |
| background: url("image.png"), linear-gradient(top, #293c4d 0%, #26353c 100%) repeat 0 0; |
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
| @font-face { | |
| font-family: 'MyWebFont'; | |
| src: url('webfont.eot'); /* IE9 Compat Modes */ | |
| src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ | |
| url('webfont.woff') format('woff'), /* Modern Browsers */ | |
| url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ | |
| url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ | |
| } |
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
| facetime://appleid | |
| facetime://email@address | |
| facetime://phone# |
parrfolio
/ CSS Transparency (Cross Browser)
Created
April 19, 2011 17:29
CSS Transparency (Cross Browser)
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
| .transparent { | |
| /* Required for IE 5, 6, 7 */ | |
| /* ...or something to trigger hasLayout, like zoom: 1; */ | |
| width: 100%; | |
| /* Theoretically for IE 8 & 9 (more valid) */ | |
| /* ...but not required as filter works too */ | |
| /* should come BEFORE filter */ | |
| -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
parrfolio
/ Wrapping Long URLs and Text Content with CSS
Created
March 31, 2011 14:30
Wrapping Long URLs and Text Content with 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
| pre { | |
| white-space: pre; /* CSS 2.0 */ | |
| white-space: pre-wrap; /* CSS 2.1 */ | |
| white-space: pre-line; /* CSS 3.0 */ | |
| white-space: -pre-wrap; /* Opera 4-6 */ | |
| white-space: -o-pre-wrap; /* Opera 7 */ | |
| white-space: -moz-pre-wrap; /* Mozilla */ | |
| white-space: -hp-pre-wrap; /* HP Printers */ | |
| word-wrap: break-word; /* IE 5+ */ | |
| } |