Skip to content

Instantly share code, notes, and snippets.

View parrfolio's full-sized avatar
My God, It's Full of Stars

Ryan Parr parrfolio

My God, It's Full of Stars
View GitHub Profile
if (document.createElement("input").webkitSpeech === undefined) {
alert("Speech input is not supported in your browser.");
}
@parrfolio
parrfolio / Enable Webgl Meta
Created May 13, 2011 21:58
Enable Webgl Meta
<meta content="html.renderer=webgl" name="gwt:property">
@parrfolio
parrfolio / Resize Images with Media Queries Example
Created May 17, 2011 20:53
Resize Images with Media Queries Example
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
@media screen and (min-width:1200px){
img {
max-width:1000px;
}
@parrfolio
parrfolio / -Moz Border Colors
Created May 17, 2011 21:12
-Moz Border Colors
div {
border: 3px solid orange;
-moz-border-top-colors: red yellow blue;
-moz-border-bottom-colors: red yellow blue;
}
/* ref: https://developer.mozilla.org/en/CSS/-moz-border-top-colors */
@parrfolio
parrfolio / CSS3 User Select
Created May 17, 2011 21:14
CSS3 User Select
#foo {
-webkit-user-select: red;
-moz-user-select: red
}
@parrfolio
parrfolio / Block Level Text Align Center
Created May 17, 2011 21:36
Block Level Text Align Center
#example {
text-align: -moz-center;
text-align: -webkit-center;
}
@parrfolio
parrfolio / CSS3 Transforms
Created May 18, 2011 16:38
-webkit-transform-style: preserve-3d & flat
/* preserve-3d allows objects to live in a shared 3D space */
#example {
-webkit-transform-style: preserve-3d;
}
/* flat is just a painting effect and not effected by the containers perspective */
#example:hover {
-webkit-transform-style: flat;
}
@parrfolio
parrfolio / Disable Text Sizing On iPhone
Created May 23, 2011 15:41
Disable text size adjust ont the iPhone
html {
-webkit-text-size-adjust: none;
}
@parrfolio
parrfolio / Force hardware accelerated
Created June 4, 2011 21:11
Force hardware accelerated
#foo {
-webkit-transform: translateZ(0);
}
@parrfolio
parrfolio / Font Smoothing
Created June 29, 2011 22:05
Font Smoothing
/* ref http://maxvoltar.com/archive/-webkit-font-smoothing */
-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased; /* best for small sizes */
-webkit-font-smoothing: antialiased; /* best for headings and other larger type */