All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| #!/bin/bash | |
| # Get Homebrew in the new location | |
| git clone git@github.com:Homebrew/homebrew.git ~/Homebrew | |
| # Move all your installed packages to the new location | |
| mv /usr/local/Cellar ~/Homebrew/Cellar | |
| mv /usr/local/Library ~/Homebrew/Library | |
| # Remove "root" directory files left behind | |
| rm -rf /usr/local/.git /usr/local/{.gitignore,.yardopts,CODEOFCONDUCT.md,CONTRIBUTING.md,LICENSE.txt,README.md,SUPPORTERS.md} |
| // app/transforms/array.js | |
| import Ember from 'ember'; | |
| import DS from 'ember-data'; | |
| export default DS.Transform.extend({ | |
| deserialize: function(value) { | |
| if (Ember.isArray(value)) { | |
| return Ember.A(value); | |
| } else { | |
| return Ember.A(); |
Follow the steps below to setup a local development environment:
Recommended to download latest XQuartz
I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).
| grunt.registerTask('mapbox', function() { | |
| var version = this.options().version; | |
| console.log('mapbox v' + version); | |
| var baseUrl = 'https://api.tiles.mapbox.com/mapbox.js/v'+version+'/'; | |
| //async task | |
| var done = this.async(); | |
| //reset mapbox folder in bower_components |
| //before running make sure you setup a GOPATH env variable and ran: "go get code.google.com/p/go.net/html" | |
| //to run: go run ioCrawler.go -url="http://developers.google.com/" | |
| //also try http://developer.android.com/index.html | |
| //output goo.gl links to try and redeem will be sent to foundLinks.txt | |
| //by the way there's an artificial "rate limit" in func crawler, you can lower that or raise it as you wish | |
| //You can also comment out the onlyGoogleRegex code if you don't want to limit to google.com/youtube | |
| //if you're getting I/O timeout errors, then you might need to increase the timeouts on line 231 |
| # Bind SSL port with PFS-enabling cipher suite | |
| bind :443 ssl crt path_to_certificate no-tls-tickets ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-GCM-SHA384:AES128-SHA256:AES128-SHA:AES256-SHA256:AES256-SHA:!MD5:!aNULL:!DH:!RC4 | |
| # Distinguish between secure and insecure requests | |
| acl secure dst_port eq 443 | |
| # Mark all cookies as secure if sent over SSL | |
| rsprep ^Set-Cookie:\ (.*) Set-Cookie:\ \1;\ Secure if secure | |
| # Add the HSTS header with a 1 year max-age |
| <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/img/favicon/apple-touch-icon-152x152-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/img/favicon/apple-touch-icon-144x144-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/assets/img/favicon/apple-touch-icon-120x120-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/img/favicon/apple-touch-icon-114x114-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/img/favicon/apple-touch-icon-76x76-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/img/favicon/apple-touch-icon-72x72-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" href="/assets/img/favicon/apple-touch-icon-precomposed.png"> | |
| <link rel="icon" href="/assets/img/favicon/favicon-16x16.png" sizes="16x16"> | |
| <link rel="icon" href="/assets/img/favicon/favicon-32x32.png" sizes="32x32"> |