Material Library
HTML:
Colour names supported by all browsers: http://www.w3schools.com/colors/colors_names.asp
CSS:
SASS
—
"Syntactically Awesome Stylesheets": Open source CSS scripting language that provides mechanisms not found in CSS3, similar to those of object-oriented programming languages, like varibles, nesting, mixins and inheritance.
Flexbox
—
https://css-tricks.com/snippets/css/a-guide-to-fle...
http://www.w3schools.com/css/css3_flexbox.asp
http://learnlayout.com/flexbox.html
http://flexbox.io/#/
SVG:
http://www.w3schools.com/svg/default.asp
https://css-tricks.com/transforms-on-svg-elements/
https://www.w3.org/TR/SVG/shapes.html
SVG JQuery fix: http://keith-wood.name/svg.html
Styling and animating with CSS: https://www.smashingmagazine.com/2014/11/styling-a...
All SVG attributes that may be set as CSS properties: https://www.w3.org/TR/SVG/propidx.html
SVGO optimalisation tool: https://github.com/svg/svgo
+ http://petercollingridge.appspot.com/svg-editor
Animating with CSS (remember SMIL is deprecated):
https://www.smashingmagazine.com/2014/11/styling-a...
Animated line drawing with SVG: https://jakearchibald.com/2013/animated-line-drawi...
Sprites: https://www.smashingmagazine.com/2015/03/different...
Sara Soueidan on sprite creation techniques: https://24ways.org/2014/an-overview-of-svg-sprite-...
Coordinate systems: https://sarasoueidan.com/blog/svg-coordinate-syste...
jQuery SVG plugin: http://keith-wood.name/svg.html
Reference: http://keith-wood.name/svgRef.html
JavaScript:
jQuery + jQueryUI
—
https://jquery.com/
http://jqueryui.com/
Skrollr
—
JavaScript library for parallax scrolling, working on both desktop and mobile devices.
Node.js
—
Open source JavaScript framework used for developing web applications. “Server-side JavaScript”.
Socket.io
—
Node.js websocket engine for realtime two-way communication
Intro.js
—
Step-by-step guide and feature introduction. Open source!
https://developer.mozilla.org/en-US/docs/Web/JavaS...
https://en.wikipedia.org/wiki/Radix
JS Coordinates:
http://javascript.info/tutorial/coordinates
https://developer.mozilla.org/en-US/docs/Web/API/E... (getBoundingClientRect)
WebGL:
Famous.js
—
Open source JavaScript library for creating animations and interfaces using WebGL.
Three.js
—
JavaScript library for using WebGL to create 3D graphics in the browser.
Phaser
—
JavaScript framework for making games in HTML5. Powered by canvas and Web GL. Open source and mobile friendly!
Other:
Nature of Code
—
Book on how to simulate natural systems; for Navi?