Dev tools workshop – additional notes

So today I attended Umar Hansa’s workshop on Chrome dev tools. Although his hand-outs contain lots of information, I made the following extra notes: Set timestamps in code with Performance marks. React also recommends using dev tools to profile components. Send (performance?) statistics to the server when the browser is idle using navigator.sendBeacon. To see …

Braindump Fronteers 2014 – Day 1

Getting nowhere with CSS “best practices” Heydon Pickering thinks we could almost do without CSS-classes for styling. If we more often would use semantic HTML and Aria roles, a lot of classes become obsolete. See also: WAI Aria authoring practices. Daniel Espeset had an interesting talk on the frontend architecture at Etsy. He was absolutely …

Let Sublime Text check your JavaScript and JSON files

To show errors in the gutter of Sublime Text 3, do the following: Make sure that Nodejs is installed. Install jshint via Nodejs: npm install -g jshint (or “sudo npm install -g jshint” if that doesn’t work) Install the Sublime Package Manager (in case you haven’t done this before, because Sublime is quite useless without …

Timing errors with Angular Protractor e2e testing

I had this nasty error in my Protractor tests: Error while waiting for Protractor to sync with the page: {} My tests were kicked off too early and didn’t seem to wait for the angular library to load. I added the following solution to my specs, but was far from confident, because other timing issues …