Key Takeaways

margin is outside the border
padding is inside the border
fixed is relative to viewport, absolute is relative to position, relative is to where it otherwise would be ... sigh
bottom is positive up relative to container, when position==absolute. Clobbers parent bottom-padding
border-width can offset DOM-nested items appearing like extra margin... To fix border outside of div, use box-sizing:border-box
The border of body can enclose nothing if first DOM-child is absolute
overflow works at parent
white-space:nowrap is as needed as overflow:hidden. Prevents drawing across border - but not padding ...

The special character ☰ aligns badly with text depending on font, which means it might be safer to use a bitmap?

Filling height to 100% requires 100% all the way to <html> - turtles all the way up? Also, excess commas in CSS cause things to not work but don't report errors only warnings, which are usually off in the console because of flooding FFF!

Javascript patterns

Modules -> namespacing, Prototypes ("classes") -> closer to "normal" classes, but built like a dictionary with shared methods
Modules - all initialisation executed on file load, so heavier on mobile first
Modules - closure loops not garbage collected, again memory usage
Prototype constructors -- use new keyword or else this means global scope
http://www.samselikoff.com/blog/some-Javascript-constructor-patterns/
https://www.stevefenton.co.uk/2013/12/javascript-prototype-vs-revealing-module-pattern/
http://omarrr.com/javascript-module-pattern-a-detailed-deconstruction/
Defining functions inside the constructor makes a new function object for every instance. Use carefully...
- Uses (potentially, much) more memory
- However this way also lets us gain private fields
- Module closurealso thwarts dynamic patching - good or bad depends

requirejs and AMD

requirejs - text.js - the browser wont load text! templates for security reasons

{"requireType":"scripterror","requireModules":["galleria"],"originalError":{"isTrusted":true}} main.js:30:3 Error: Script error for "galleria", needed by: app http://requirejs.org/docs/errors.html#scripterror

pastcompute/Stuff.md

Key Takeaways

Javascript patterns

requirejs and AMD

Debugging Requirejs