Skip to content

Instantly share code, notes, and snippets.

Avatar

Julie Ann Horvath nrrrdcore

  • Apple
  • San Jose, CA
View GitHub Profile
View rand.jade
script language="javascript"
// random number between 1 and 3
document.getElementById("imgRand").src = "images/hero/"+imageCounter+".jpg";
script language="javascript"
if(localStorage['imageCounter'])
localStorage['imageCounter']++
else
localStorage.setItem('imageCounter', 1);
View copied.scss
&:active, &:focus {
outline: none;
&:after {
content: 'Copied!';
}
}
@nrrrdcore
nrrrdcore / frontage.css
Created May 23, 2012
Outlined Type Effect with CSS Text-Shadowing
View frontage.css
body {
background-color: #FFF;
}
#wrapper {
width: 90%;
margin: 200px auto;
}
h1 {
@nrrrdcore
nrrrdcore / small_drop_shadow.css
Created Jun 20, 2012
Small Button Drop Shadow
View small_drop_shadow.css
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
@nrrrdcore
nrrrdcore / gist:3318018
Created Aug 10, 2012
iPhone Simulator Command
View gist:3318018
/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone\ Simulator.app/Contents/MacOS/iPhone\ Simulator
@nrrrdcore
nrrrdcore / neue.css
Created Jun 26, 2012
Firefox-Safe "Helvetica Neue Light" Font Stack
View neue.css
font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
@nrrrdcore
nrrrdcore / list.css
Created Aug 20, 2012
Simple Fix for the Webkit Clipped Border-Radius Bug
View list.css
.list-container {
border-radius: 5px;
border: 1px solid #C5C5C5;
box-shadow: inset 0 1px 0 #FFF;
}
ol {
border: 1px solid transparent;
}
@nrrrdcore
nrrrdcore / divider.css
Created Aug 29, 2012
FireFox Friendly Faded Gradient Border CSS
View divider.css
.divider {
float: right; /* float this next to ur linkz */
display: block;
height: 47px; /* this */
width: 1px; /* where the magic happens */
margin: -7px 6px 0 10px; /* pulls the border to the top of the header */
background-image: -webkit-linear-gradient(top, rgba(0,93,131,.5) 50%, rgba(0,93,131,.22) 100%); /* good in safari & chrome */
background-image: -moz-linear-gradient(top, rgba(0,93,131,.5) 50%, rgba(0,93,131,.22) 100%); /* firefox friendly shit */
box-shadow: 1px 0 0 0 rgba(255,255,255,.1); /* white highlight on the inside of the border, ff now accepts this w/o a prefix */
@nrrrdcore
nrrrdcore / retina_bg.css
Created Nov 15, 2012
Retina-Ready Background Swatching (Minus the Bullshit)
View retina_bg.css
background-image: url('../images/greyfloral_@2X.png');
background-size: 150px 124px; /* size in px of image @1X */
View image_mask.css
-webkit-mask-image: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,.8));
You can’t perform that action at this time.