JS Debugging & Editing

Fb-flo

reloaded automatisch den Browser, wenn man JS... angefasst hat im Editor. Laut Speaker VIEL besser als vergleichbare Implementierungen http://facebook.github.io/fb-flo/

Event Listener Breakpoints in Chrome

Usecase: Beim nächsten onClick Debugger starten http://stackoverflow.com/questions/18877190/chrome-debugging-break-on-next-click-event (akzeptierte Antwort)

devTools:

Alternative zu console.log() you can pass arbitrary object as a table - it'll use its properties as indexes. console.table([{a:1, b:2, c:3}, {a:"foo", b:false, c:undefined}]); console.table([[1,2,3], [2,3,4]]);

JS Debugging

https://github.com/amasad/debug_utils

Log and break on:

• Object property access
• Custom JavaScript and DOM events
• Method calls
• Callbacks

Weired nerd stuff

Flux

verändert das Farbschema des Laptops, so dass du abends weniger blaues Licht abbekommst (zu viel blaues Licht verhindert, dass man rechtzeitig müde wird -> Schlafstörungen) https://justgetflux.com/

WebGL Fancy Fancyness

beeindruckende Präsi, wie man mit WebGL modelliert (Geometries, Materials). Auf Slide draufklicken, dann kommen die Animationen. http://felixpalmer.github.io/safari-webgl/presentation.html#1

Misc

brain.js

neural networks in JS https://github.com/harthur/brain

Idee: responsive SVG Charts

CSS-Regeln werden benutzt, um dafür zu sorgen, dass sich Beschriftungen nicht proportional verkleinern, sondern lesbar bleiben, Skalenbeschriftungen ausblenden, wenn Chart zu klein wird. Hier implementiert: https://github.com/alphagov/spotlight

Smartcrop

Content Aware Image Cropping http://29a.ch/2014/04/03/smartcrop-content-aware-image-cropping

Dimensions

Pixel im Browser messen (interessante Idee, funktioniert für mich noch nicht perfekt -> beobachten?) https://chrome.google.com/webstore/detail/dimensions/