HTML & CSS
- normalize css: https://necolas.github.io/normalize.css/
- Placeholder Links http://code.tutsplus.com/articles/the-top-8-placeholder-services-for-web-designers--net-19485
- 30 selectors you must remember: https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
- CSS layout fundamentals that are used in any website's layout. http://learnlayout.com/
- A few examples of cool css designs. http://www.csszengarden.com/
- Live editing of a box using css. http://css3please.com/
- Guide on centering elements with css. https://css-tricks.com/centering-css-complete-guide/
- A light responsive CSS Layout framework http://getskeleton.com/
- Bundle of useful css/ templates used for HTML5 sites https://html5boilerplate.com/
- A comprehensive responsive CSS framework for Layout/ Styling and special effects http://getbootstrap.com/ Can I use
- http://caniuse.com Media Queries
- https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
TERMINAL
- Mac Terminal cheat-sheet https://github.com/0nn0/terminal-mac-cheatsheet
- Vim: http://vim-adventures.com
MARKDOWN Mark down cheetsheet https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
JAVASCRIPT
- Cool Tutorial popups: http://introjs.com
purpose | home page | demos |
---|---|---|
Drawing / visual | http://svgjs.com/ | obvious on homepage |
Drawing / visual | http://paperjs.org/ | nyan, Other demos |
Data Visualization | http://d3js.org/ | obvious on homepage |
Physics | http://wellcaffeinated.net/PhysicsJS/ | on homepage |
2D | http://cutjs.org/ | obvious on homepage |
3D | http://threejs.org/ | rubicks cube / more demos |
2D Game engine | http://www.html5quintus.com/ | obvious on site |
Voice recognition | https://www.talater.com/annyang/ | homepage is demo |
Audio generator / visualization | https://github.com/jeromeetienne/webaudiox | visualization, audio generator |
Typography | http://letteringjs.com/ | links on homepage |
Need more? http://www.javascripting.com/
Note: This can be a pair programming activity or done independently.
JQUERY
COM SCIENCE https://github.com/open-source-society/computer-science
GIT