Learning CSS

I have heard that CSS is a mileage language. To be proficient, you have to put in the miles so you can really understand it.

Specific goals

1. Learn CSS
   1. Current day with a slight lense of 'why-the-old-css-hacks-exist'
2. Learn git / github
3. Learn Markdown

Bonus goals

1. Chrome dev tools
   1. workspace
   2. CSS debugging
   3. CSS performance tuning
2. Tools
   1. Markdown: LightPaper

Learning strategy

1. Commit often
2. Code examples when going through tutorials
   • stop just reading about it
3. How to view code samples on many browsers?
4. Put lessons in comments using tags in CAPS
   • LESSON: something learned
   • GOTCHA: annoying thing that is un-expected
   • TODO: more coding to do

Resources

1. Books
   • CSS: The Definitive Guide, 3rd Edition
     • This book is from 2006. Need something newer too.
2. Tutorials
   1. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started
3. References
   1. CSS Grid Layout
      • afonsopacifer grid layout
      • gridbyexample.com
   2. HTML Elements
   3. CSS Mozilla Dev
   4. caniuse.com
4. Cheat Sheets
   1. http://www.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat-sheet.pdf
   2. http://www.cheatography.com/davechild/cheat-sheets/css2/pdf/

Questions

1. Git
   1. What's the difference between committing locally vs "syncing" in the GitHub mac app?

TODOs

1. See TODOs.md