This file contains 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
/* Comparing transitions of RGB(a) and HSL(a) colors */ | |
/* There should be two boxes per row during transition, not three/four */ | |
.wrapper { | |
min-height: 100%; | |
} | |
h1 { | |
font-weight: normal; | |
font-size: 1.5em; | |
} | |
.wrapper div { |
This file contains 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
/* Styling hr elements */ | |
/* ref: http://html5doctor.com/small-hr-element/ */ | |
body {background: #ddd;} | |
h1 {font-weight: normal; font-size: 1.5em;} | |
ol {margin-top: 5em;} | |
hr {margin: 1.5em 0;} | |
hr:nth-child(2) { | |
border: 0; | |
border-top: 1px solid #999; | |
} |
This file contains 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
# ~/.gitconfig from @boblet | |
# initially based on http://rails.wincent.com/wiki/Git_quickstart | |
[core] | |
excludesfile = /Users/oli/.gitignore | |
legacyheaders = false # >git 1.5 | |
quotepath = false | |
# http://stackoverflow.com/questions/136178/git-diff-handling-long-lines | |
pager = less -r | |
# if ↑ doesn’t work, try: pager = less -+$LESS -FRX |
This file contains 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
/* Animations plus animations/transitions */ | |
/* ref: http://mattwilcox.net/sandbox/css3-animations-1/index.htm */ | |
/* also ref: http://css-tricks.com/restart-css-animation/ */ | |
.animate-on-load {animation: bgcolor 3s;} | |
.animate-on-hover:hover {animation: bgcolor 3s;} | |
.animate-on-hover2:hover {animation: bgcolor2 3s;} /* change anim name */ | |
.animate-on-hover3:hover {animation: bgcolor 2.9s;} /* change duration */ | |
.animate-on-hover4:hover {animation: bgcolor 3s 2;} /* change iteration-count */ | |
.transition-on-hover {transition: background-color 2s;} | |
.transition-on-hover:hover {background-color: #777;} |
This file contains 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
/* CSS Transitions with transparency, rgba, hsla */ | |
/* color transitions occur in rgba color-space | |
this means transitioning hsla lightness or hue doesn’t work as expected */ | |
div {height: 80px; position: relative;} | |
div > div {width: 100px; height: 50px; border: 1px solid #999; transition: all 2s;} | |
span {float: left; margin-left: 124px; margin-top: -50px;} | |
/* transparent → rgba */ | |
.one div {background-color: transparent;} | |
.one:hover div {background-color: rgba(191, 63, 63, .8);} | |
/* transparent → hsla */ |
This file contains 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> | |
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> | |
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> | |
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> | |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
This file contains 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
# vim:ft=zsh ts=2 sw=2 sts=2 | |
# | |
# agnoster's Theme - https://gist.github.com/3712874 | |
# A Powerline-inspired theme for ZSH | |
# | |
# # README | |
# | |
# In order for this theme to render correctly, you will need a | |
# [Powerline-patched font](https://github.com/Lokaltog/powerline-fonts). | |
# |
This file contains 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
/* Example 2 — The calc() and attr() functions */ | |
/* From Beginning HTML5 and CSS3 — The Web Evolved http://thewebevolved.com/ */ | |
body { | |
width: 80%; | |
max-width: 42em; | |
margin: auto; | |
font: 1em/1.5 Georgia, serif; | |
} | |
h1, | |
h2 { |
This file contains 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
/* Using calc(), rem & vw for scalable rem-based layout */ | |
/* ref http://dev.w3.org/csswg/css3-values/#calc0 example 13 */ | |
/* waiting for vw support */ | |
body {margin: 0; text-align: center;} | |
.wrapper { | |
width: 40rem; | |
margin: 2em auto; | |
border-bottom: 2px solid #ccc; | |
} | |
.content { |
This file contains 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
/* calc() and attr() tests */ | |
span {outline: 1px solid #ccc;} | |
.a {font-size: 2em;} | |
.aa {font-size: calc(1em * 2);} | |
body {margin: 0;} | |
p {margin-left: 1.5em;} | |
.wrapper {padding-top: 2em; clear: left;} | |
.content { |
NewerOlder