Cayce caycefischer
caycefischer
/ dabblet.css
Created
June 26, 2012 16:12
— forked from sirbrad/dabblet.css
Mobile first button abstraction
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
| /** | |
| * Mobile first button abstraction | |
| */ | |
| .btn { | |
| display: block; | |
| text-align: center; | |
| text-decoration: none; | |
| padding: 1em 0; | |
| box-sizing: border-box; |
caycefischer
/ Fullpage.html
Created
May 11, 2012 22:06
— forked from anonymous/Fullpage.html
A web page created at CodePen.io
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> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>404 Page · CodePen</title> | |
| <style> |
caycefischer
/ hack.sh
Last active
September 20, 2023 16:41
— forked from erikh/hack.sh
OSX For Hackers
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
| #!/usr/bin/env sh | |
| ## | |
| # This is script with usefull tips taken from: | |
| # https://github.com/mathiasbynens/dotfiles/blob/master/.osx | |
| # | |
| # install it: | |
| # curl -sL https://raw.github.com/gist/2279031/hack.sh | sh | |
| # |
caycefischer
/ typographic-lists
Created
April 1, 2012 17:12
custom list markers, properly hung and with nesting
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
| ol ol { | |
| list-style: lower-alpha; | |
| } | |
| ol ol { | |
| counter-reset: li; | |
| } | |
| ol ol > li { | |
| list-style: none; | |
| } | |
| ol ol > li:before { |
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
| <!-- http://davidwalsh.name/hide-address-bar --> | |
| <!-- iOS web app, deletable if not needed --> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
| <!-- Prevent links in standalone web apps opening Mobile Safari. https://gist.github.com/1042026 --> | |
| <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script> | |
| <!-- iOS startup images: http://miniapps.co.uk/blog/post/ios-startup-images-using-css-media-queries --> |
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
| /* | |
| * simple media query reporter | |
| * http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/a-basic-responsive-grid-plus-handy-css3-media-query-reporter/ | |
| */ | |
| body:after { | |
| content: "less than 320px"; | |
| font-size: 300%; | |
| font-weight: bold; | |
| position: fixed; |
caycefischer
/ wp-stuff.html
Created
March 13, 2012 09:33
Wordpress custom taxonomy calls and misc filter stuff
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
| <!-- http://codex.wordpress.org/Function_Reference/single_term_title --> | |
| <h1 class="kilo">All entries in <b><?php single_term_title(); ?></b>.</h1> | |
| <!-- http://wp.smashingmagazine.com/2012/01/04/create-custom-taxonomies-wordpress --> | |
| <?php $term = get_term_by( 'slug', get_query_var( 'term' ), get_query_var( 'taxonomy' ) ); ?> | |
| <!-- apply filters to hook into it later... for some reason --> | |
| <h1><?php echo apply_filters( 'the_title', $term->name ); ?></h1> | |
| <!-- escape_html because its an html text block --> |
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
| /* Light Simple Grid */ | |
| body { | |
| font-family: sans-serif; | |
| font-size: 14px; | |
| background-color: #dedede; | |
| } | |
| .island { | |
| box-sizing: border-box; |
caycefischer
/ dabblet.css
Created
March 3, 2012 17:56
— forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
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
| /** | |
| * Move in a circle without wrapper elements | |
| * Idea by Aryeh Gregor, simplified by Lea Verou | |
| */ | |
| @keyframes rot { | |
| from { | |
| transform: rotate(0deg) | |
| translate(-150px) | |
| rotate(0deg); |
caycefischer
/ ligatures.html
Created
February 29, 2012 21:09
consistency in the rendering of ligatures with typekit
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
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>ligature test</title> | |
| <meta name="description" content="consistency in the rendering of ligatures with typekit"> | |
| <script type="text/javascript"> | |
| TypekitConfig = { | |
| kitId: 'ruj3whd', | |
| scriptTimeout: 3000 |