List of good websites:
In the effort of preparing ourselves for future widget improvments & being better with new web technologies in general, here's a list of helpful resources. Tackling these in the order presented allows you to build on the knowledge from previous steps. Do at least one small exercise per day to keep it fresh. There's an additional list of references at the bottom of this page.
Sign up for Codecademy. It's free.
Once you've signed up for Codecademy, I recommend doing the Javascript path first. This will teach you both JS and some good programming fundamentals to use in any modern browser.
Do the HTML & CSS track next, even if you think you know everything about HTML & CSS, because no one really does.
If you learn better through videos, Treehouse may be helpful.
Codeschool has a free tutorial for Dev Tools to diagnose/debug anything that happens in the browser. EVERYONE SHOULD DO THIS.
Learn you a Ruby!
- Mozilla Developer Network (MDN) - If there's a tag, selector, style, browser quirk, or JS method you don't know about, try finding it here first.
- Superhero.js - Comprehensive compilation of Javascript resources
- HTML Dog's list of CSS style properties
- A List Apart's post on CSS positioning - Everything you should know about the 'position' property. Also a good blog.
- CSS Tricks' post on CSS pseudo-elements - Do you know what those :before and :after things in CSS are? This explains those and other pseudo elements. Also another great blog.
- Old page on vertically centering things in CSS - Super old page about vertically centering things in CSS. It's held up pretty well over time. The last technique on the page (using line-height and display:inline-block) is something everyone should know.
- CSS Specificity (MDN)
- CSS Specificity (CSS-Tricks)
- CSS Specificity (Smashing Magazine)
- CSS Specificity Calculator
- CSS Media Queries (CSS-Tricks)
- CSS Media Queries (MDN)
- CSS Pseudo-classes (MDN)
- CSS Pseudo-classes (CSS-Tricks)
- CLI the Hard Way - Brute force way to learn all the basic commands of the terminal.
- BASH Cheat Sheet - There are too many commands to commit to memory, so here's a cheat sheet.
Helpful if you'd like a deeper understanding of how computers talk to each other.