Event Name:
Location:
Date:
Talk topic:
Josh Brewer jbrewer
jbrewer
/ Event Notes.md
Last active
January 21, 2016 21:20
— forked from maban/Event Notes.md
jbrewer
/ iOS-7-web-app.html
Last active
August 29, 2015 14:13
— forked from tfausak/ios-8-web-app.html
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <!-- Run in full-screen mode. --> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <!-- Make the status bar black with white text. --> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> |
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.4.0.rc.1) | |
| // Compass (v1.0.0.alpha.20) | |
| // ---- | |
| /** | |
| * Generate the carousel animation | |
| * based on the number of frames | |
| * and the pourcentage of a frame spent static | |
| * |
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
| Its me! |
jbrewer
/ fonts.js
Created
February 23, 2014 22:11
— forked from scottjehl/fonts.js
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
| ... | |
| // test for font-face version to load via Data URI'd CSS | |
| // Basically, load WOFF unless it's android's default browser, which needs TTF, or ie8-, which needs eot | |
| var fonts = ns.files.css.fontsWOFF, | |
| ua = win.navigator.userAgent; | |
| // android webkit browser, non-chrome | |
| if( ua.indexOf( "Android" ) > -1 && ua.indexOf( "like Gecko" ) > -1 && ua.indexOf( "Chrome" ) === -1 ){ | |
| fonts = ns.files.css.fontsTTF; | |
| } |
jbrewer
/ Test string
Created
March 3, 2013 18:14
Test string to understand the nuances of the font you are looking at
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
| agh! iIl1 o0 rQy “ ‘ |
jbrewer
/ script.js
Created
March 3, 2013 06:16
— forked from adamyeats-zz/script.js
JS to contextually load Typekit fonts depending on viewport size
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
| /* | |
| This small hack loads fonts from the Typekit webfontloader (https://github.com/typekit/webfontloader) | |
| contextually, effectively "patching" in a new font if a media query is fired. | |
| You need to have 2 seperate kits on Typekit, one for your main fonts, and another for the fonts you want | |
| when the media query is fired. | |
| Improvements or suggestions welcome! |
jbrewer
/ gist:4962331
Created
February 15, 2013 18:33
— forked from shrwnsan/gist:2860805
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
| { | |
| "files": | |
| { | |
| "jquery" : "http://code.jquery.com/jquery.js", | |
| "jquery.min" : "http://code.jquery.com/jquery.min.js", | |
| "jquery-cookie" : "https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js", | |
| "jquery-dotimeout" : "https://raw.github.com/cowboy/jquery-dotimeout/master/jquery.ba-dotimeout.min.js", | |
| "jquery-extra-selectors" : "https://raw.github.com/keithclark/JQuery-Extended-Selectors/master/jquery-extra-selectors.js", | |
| "jquery-flexslider" : "https://raw.github.com/mbmufffin/FlexSlider/master/jquery.flexslider-min.js", | |
| "jquery-mediaelement" : "https://raw.github.com/johndyer/mediaelement/master/build/mediaelement-and-player.js", |
jbrewer
/ web-app.html
Created
November 7, 2012 18:05
— forked from tfausak/ios-8-web-app.html
iOS web app icons & startup images
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta content="yes" name="apple-mobile-web-app-capable"> | |
| <title></title> | |
| <!-- iPhone --> | |
| <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png" |
jbrewer
/ fancy-symbolset.scss
Created
November 1, 2012 22:50
— forked from mason-stewart/fancy-symbolset.scss
FANCY versions of Symbolset glyphs!
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
| // This is a peek behind the curtain at @zaarly's epic-fantasy-heavy-metal-themed internal styleguide, better known as Hammer. | |
| // | |
| // With this, you can add the .fancy class to a symbolset span inside of a heading tag to add a nice circular background. | |
| // Some adjustments to the positioning of a particular glyph may be necessary. | |
| // Each :before is set to postion: relative, so fine-tuning a .fancy glyph is simple, and won't affect the position of the circle. | |
| // | |
| // Example markup (in HAML): | |
| // %h1 | |
| // %span.ss-check.fancy | |
| // Cool Guy Settings™ saved! |
NewerOlder