Skip to content

Instantly share code, notes, and snippets.

View nrrrdcore's full-sized avatar

Julie Ann Horvath nrrrdcore

907 followers · 119 following
  • Apple
  • San Jose, CA
View GitHub Profile
@nrrrdcore
nrrrdcore / bg.css
Created May 7, 2013 04:24
Perfect radial bg
background: -webkit-radial-gradient(top, circle cover, rgba(208, 213, 216, 0.05) 32%, lighten(#adb3b7,6%) 100%), url("white_noise_2.png");
@nrrrdcore
nrrrdcore / 99_issues.md
Created August 21, 2013 01:25
A love rap to Mu-An that's more than 140 characters.

If you're having padding problems I feel bad for you son,
I got 99 issues in this repo,
and border-boxing ain't one.

screen shot 2013-08-20 at 6 24 35 pm

@nrrrdcore
nrrrdcore / nav.html.erb
Created September 5, 2013 21:07
<div class="drawer">
<ul>
<% if !view.index? && view.none_found? %>
<% view.found_repositories.each do |repo| %>
<li class="imported">
<a href="<%= import_overview_path(repo) %>" <% if repo.status.error? %> class="error"<% end %>><%= repo.name %></a>
</li>
<% end %>
<% end %>
</ul>
@nrrrdcore
nrrrdcore / flat-design.css
Last active December 28, 2015 19:29
.flat {
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
opacity: .8;
}
@nrrrdcore
nrrrdcore / tooltip.scss
Last active December 30, 2015 01:59
&:before {
display: none;
}
&:after {
display: none;
}
&:hover {
background-color: #eee;
@nrrrdcore
nrrrdcore / puppies.md
Last active February 29, 2016 20:43

First Time Puppy Guide

Never leave home without:

  • Poop bags (I recommend also snagging a bag holder that can be attached to your leash)
  • Collapsable water bowl
  • Treats (I recommend a fanny pack for storing them and treating for a job well done [you have to do this quickly, puppies have short memories!])
  • Wipes
  • Leash
  • Harness
  • Dog tag with your contact info on it
@nrrrdcore
nrrrdcore / apple-shadow.css
Created May 17, 2012 17:19
Bending Shadows Backwards: Apple.com's Container CSS Sorcery
.shadow-stuff {
-moz-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
-webkit-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
-moz-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
-webkit-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
box-shadow: rgba(0,0,0,.30) 0 2px 3px;
}
.container {
@nrrrdcore
nrrrdcore / index.html
Created June 26, 2013 03:30
Text-Align: Justify; Hack
<p class="month"><span class="name">July</span> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31<span class="break">hi</span></p>
@nrrrdcore
nrrrdcore / border.css
Created May 2, 2012 20:44
Faded/Gradient Borders in Pure CSS
.border-container {
width: 28%; /* border will be on the left on this container */
float: right;
overflow: hidden; /* only needed if floating container */
min-height: 600px; /* static height if you want your container to be taller than its content */
-moz-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
-webkit-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
border-width: 0 0 0 1px;
-webkit-border-image:
@nrrrdcore
nrrrdcore / Tiny Design Hack: Write JavaScript-less, Dynamic Tooltip Text with CSS.markdown
Last active March 26, 2021 03:13
Tiny Design Hack: Write JavaScript-less, Dynamic Tooltip Text with CSS

Pass in tooltip text with pseudo classes and the content: ''; property. The text changes with the parent's, in this case the button's, hover and active and focus states.

***Caveat: A user has to click out of button focus state for text to change back.

A Pen by Julie Horvath on CodePen.

License.