Web applications that draw overlays, selections, inspection UI, or designer handles need precise element geometry after layout, scrolling, fragmentation, writing modes, and transforms have been applied.
Today they usually approximate this in JavaScript by walking ancestor chains and composing matrices. This is costly for many elements and can diverge from browser layout and painting behavior.
| #!/bin/bash | |
| PLATFORM=iPhoneOS # iPhoneSimulator # iPhoneOS | |
| HOST=arm-apple-darwin # i386-apple-darwin10 # arm-apple-darwin10 | |
| ARCH=arm64 # i386 # armv7s #armv7 | |
| SDK_VERSION=13.0 | |
| XCODE_ROOT=`xcode-select -print-path` | |
| PLATFORM_PATH=$XCODE_ROOT/Platforms/$PLATFORM.platform/Developer | |
| SDK_PATH=$PLATFORM_PATH/SDKs/$PLATFORM$SDK_VERSION.sdk |
I had a long overdue holiday planned. For many people this would mean going somewhere and relax. Turns out I'm not the sight-seeing person , I'm more of a people-seeing person: talking to people and exchanging new ideas is what makes me tick. Having been a consultant for several years, you learn the most from new environments. Interns would have that opportunity to apply , but why can't people with more experience?
So I launched on twitter the idea of what company is willing to do an exchange. After receiving several replies I got invited by Ramon Van Alteren from Unomaly and deciced to take a leap of faith.
It felt like the excitement of starting a new job. Scary , because you don't know what to expect.
| #!/bin/bash | |
| # Creator: Phil Cook | |
| # Modified: Andy Miller | |
| # | |
| # >>> IMPORTANT: Moved to: https://github.com/rhukster/sphp.sh | |
| # >>> Kept here for legacy purposes | |
| # | |
| osx_major_version=$(sw_vers -productVersion | cut -d. -f1) | |
| osx_minor_version=$(sw_vers -productVersion | cut -d. -f2) | |
| osx_patch_version=$(sw_vers -productVersion | cut -d. -f3) |
| const puppeteer = require('puppeteer'); | |
| (async () => { | |
| const browser = await puppeteer.launch(); | |
| const page = await browser.newPage(); | |
| // Adjustments particular to this page to ensure we hit desktop breakpoint. | |
| page.setViewport({width: 1000, height: 600, deviceScaleFactor: 1}); | |
| await page.goto('https://www.chromestatus.com/samples', {waitUntil: 'networkidle'}); |
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
| /** | |
| * ================== angular-ios9-uiwebview.patch.js v1.1.1 ================== | |
| * | |
| * This patch works around iOS9 UIWebView regression that causes infinite digest | |
| * errors in Angular. | |
| * | |
| * The patch can be applied to Angular 1.2.0 – 1.4.5. Newer versions of Angular | |
| * have the workaround baked in. | |
| * | |
| * To apply this patch load/bundle this file with your application and add a |
I fell in love with CoffeeScript a couple of years ago. Javascript has always seemed something of an interesting curiosity to me and I was happy to see the meteoric rise of Node.js, but coming from a background of Python I really preferred a cleaner syntax.
In any fast moving community it is inevitable that things will change, and so today we see a big shift toward ES6, the new version of Javascript. It incorporates a handful of the nicer features from CoffeeScript and is usable today through tools like Babel. Here are some of my thoughts and issues on moving away from CoffeeScript in favor of ES6.
While reading I suggest keeping open a tab to Babel's learning ES6 page. The examples there are great.
Holy punctuation, Batman! Say goodbye to your whitespace and hello to parenthesis, curly braces, and semicolons again. Even with the advanced ES6 syntax you'll find yourself writing a lot more punctuatio