Aaron Gustafson aarongustafson
👋
aarongustafson
/ first-pass.css
Last active
August 29, 2015 14:17
Code examples for my Quantity Queries meet Flexbox post.
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
| .listing--events { | |
| display: flex; | |
| flex-wrap: wrap; | |
| } | |
| .event { | |
| box-sizing: border-box; | |
| padding: 1.25rem; /* 20px padding */ | |
| margin: 0 0 1.25rem 0; /* 20px bottom margin */ | |
| flex: 0 0 100%; |
aarongustafson
/ css-linking.html
Last active
August 29, 2015 14:22
Bringing Sanity and Order to Device Testing
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
| <link rel="stylesheet" href="default.css" media="all"> | |
| <link rel="stylesheet" href="advanced.css" media="only screen"> |
aarongustafson
/ test
Created
July 9, 2015 17:27
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
| Verifying I am +aarongustafson on my passcard. https://onename.com/aarongustafson |
aarongustafson
/ gist:245831
Created
November 30, 2009 22:25
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
| eCSStender.register( | |
| {'selector': 'p'}, | |
| '*', | |
| function( selector, properties, media, specificity ) | |
| { | |
| console.log('eCSStender matched the selector "' + selector + | |
| '" in the media type ' + media + '. It’s properties follow:'); | |
| console.log(properties); | |
| console.log('The specificity of this selector is ' + specificity); | |
| } |
aarongustafson
/ circular-reference-memory-leak-1.html
Created
December 5, 2009 17:57
Based on examples from From http://www.ibm.com/developerworks/web/library/wa-memleak/
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> | |
| <head> | |
| <title>Circular references between JavaScript and DOM</title> | |
| <script type="text/javascript"> | |
| // <![CDATA[ | |
| var obj; | |
| window.onload = function() | |
| { | |
| obj = document.getElementById("DivElement"); | |
| document.getElementById("DivElement").expandoProperty = obj; |
aarongustafson
/ dom-leak-fix.js
Created
December 5, 2009 19:37
Example of a memory leak issue in IE and how to resolve it
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
| window.onload = function() | |
| { | |
| var | |
| body = document.getElementsByTagName('body')[0], | |
| div = document.createElement('div'), | |
| parentDiv, childDiv; | |
| for ( i = 0; i < 5000; i++ ) | |
| { | |
| parentDiv = div.cloneNode(true); | |
| parentDiv.onclick = foo; |
aarongustafson
/ directly-passed-regexp.js
Created
December 6, 2009 00:40
Regexp performance is faster when you "precompile" (examples from JavaScript Performance Rocks!)
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
| function directPassing ( string ) | |
| { | |
| return string.match( /abc/ ); | |
| } |
aarongustafson
/ constructors.js
Created
December 6, 2009 00:44
Object and array literals are faster than constructors
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
| function usingConstructors( string ) | |
| { | |
| var a = new Array(), o = new Object(); | |
| } |
aarongustafson
/ declare-vars-early.js
Created
December 6, 2009 00:58
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
| function camelize( str ) | |
| { | |
| var | |
| HYPHEN = '-', | |
| bits = str.split(HYPHEN), | |
| length = bits.length, | |
| i = 1, | |
| new_str; | |
| if ( length == 1 ) { return bits[0]; } | |
| if ( str.charAt(0) == HYPHEN ) { |
aarongustafson
/ declare-vars-early.js
Created
December 6, 2009 00:58
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
| function camelize( str ) | |
| { | |
| var | |
| HYPHEN = '-', | |
| bits = str.split(HYPHEN), | |
| length = bits.length, | |
| i = 1, | |
| new_str; | |
| if ( length == 1 ) { return bits[0]; } | |
| if ( str.charAt(0) == HYPHEN ) { |