TODO
Symmetric animations versus asymmetric
Benjamin Knight benknight
This file contains hidden or 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
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| @import "compass/css3/transform"; | |
| @import "compass/css3/transition"; | |
| // Prevent "jump" in content offset |
This file contains hidden or 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
| /* Prevent "jump" in content offset */ | |
| .fixed-header body { | |
| padding-top: 77px; | |
| } | |
| .fixed-header .app-header { | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| } |
This file contains hidden or 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
| .app-header { | |
| top: 0; | |
| width: 100%; | |
| } | |
| .app-header, | |
| #dropper, | |
| .autocomplete_choices { | |
| z-index: 99999 !important; /* KAPOW! */ | |
| position: fixed !important; |
benknight
/ gist:8416098
Created
January 14, 2014 10:09
Breakdown of how Chrome's download tab progress bars work
This file contains hidden or 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
| <canvas>, -webkit-image-set |
This file contains hidden or 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
| /* Baz */ | |
| .widen .biz-page-subheader .column-alpha { | |
| width: 100%; | |
| } | |
| .widen .biz-page-subheader .column-beta { | |
| width: 660px; | |
| } | |
| .widen .mapbox-map { |
benknight
/ SmartyPants.pl
Created
December 20, 2013 21:13
EducateQuotes from John Gruber's "smartypants"
This file contains hidden or 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
| sub EducateQuotes { | |
| # | |
| # Parameter: String. | |
| # | |
| # Returns: The string, with "educated" curly quote HTML entities. | |
| # | |
| # Example input: "Isn't this fun?" | |
| # Example output: “Isn’t this fun?” | |
| # |
benknight
/ gist:7654020
Created
November 26, 2013 05:55
Improves scrolling perf on Airbnb search page
This file contains hidden or 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
| // Original Logic: | |
| // --------------- | |
| // | |
| // this.initSidebarHeader=function(){ | |
| // this.$node.on( | |
| // "scroll",( | |
| // function(){ | |
| // var searchResultsPos=this.select("searchResultsSelector").offset(); | |
| // if(searchResultsPos.top<=100){ | |
| // this.$node.addClass("stuck"); |
This file contains hidden or 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://aestheticallyloyal.com/public/optimize-legibility/ | |
| * http://adamdscott.com/kerning-for-the-web/ | |
| * http://ascott1.github.io/labs.adamdscott/kern/optimize.html | |
| */ | |
| body { | |
| text-rendering: optimizeLegibility !important; /* Deprecated I'm pretty sure */ | |
| -webkit-font-feature-settings: "kern" 1; /* The new w3c hotness */ | |
| -moz-font-feature-settings: "kern" 1; | |
| font-feature-settings: "kern" 1; |
benknight
/ gist:7389561
Last active
December 27, 2015 21:09
Connect review borders to sidebar border
This file contains hidden or 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
| .ylist-bordered.reviews > li { | |
| margin-right: -30px; | |
| padding-right: 30px; | |
| } | |
| .feed-header:after { | |
| margin-right: -15px; | |
| border-color: #e5e5e1; | |
| } |