README.md

100 Days of Hacking

• 2013-12-31 - Day 0
  • Posted introduction
• 2014-01-01 - Day 1
  • Read A Beginner's Guide to HTML & CSS
    It was full of really good material but was mostly a refresher.
• 2014-01-02 - Day 2
  • Read An Advanced Guide to HTML & CSS
    But skipped the chapters on preprocessors and jQuery.
  • Read CSS Strategy Square-off
    Learned more about CSS architecture (classical, SMACSS, OOCSS).
  • Read Functional CSS
  • Read Learn CSS Layout
• 2014-01-03 - Day 3
  • Read the concepts section of MDN CSS reference
    Great, programmer-friendly material.
  • Read about responsive grid systems like Neat and Zurb Foundation
  • Read about Autoprefixer
  • Read about SASS/SCSS, LESS, Stylus, and Garden
    I have used SCSS extensively but had not previously taken the time to look through the documentation.
    Garden looks awesome and makes me wonder why we write CSS with preprocessor DSLs instead of full-fledged programming languages.
  • Learned of and read a little about the CSS Object Model
• 2014-01-04 - Day 4
  • Read Scalable and Modular Architecture for CSS (SMACCS) book
  • Created an animated 3D cube using Garden to generate the CSS
• 2014-01-05 - Day 5
  • Perused Solved by Flexbox
  • Read A Complete Guide to Flexbox
  • Read Constraint Cascading Style Sheets for the Web (1999 paper)
    This seems so much more intuitive for describing a layout than CSS. Why didn't CCSS catch on?
  • Learned of and read the documentation for Grid Style Sheets
    GSS is a JavaScript implementation of CCSS.
  • Began reading Implementing Responsive Design
• 2014-01-06
  Recruited to be a chauffeur for the day.
• 2014-01-07 - Day 6
  • Finished reading Implementing Responsive Design
• 2014-01-08 - Day 7
  • Wrote a blog post about Garden, CSS Object Model, and Constraint CSS
  • Extensively played with the newly open-sourced LightTable
• 2014-01-09 - Day 8
  • Began reading the ECMAScript Language Specification, 5.1 Edition
• 2014-01-10 - Day 9
  • Continued reading the ECMAScript Language Specification, 5.1 Edition
    This.
• 2014-01-11 - Day 10
  • Read a bunch of MDN articles about JavaScript
  • Continued reading the ECMAScript Language Specification, 5.1 Edition
    Ahhhhhhhhhhhhhhhh!
• 2014-01-12 - Day 11
  • Finished reading the ECMAScript Language Specification, 5.1 Edition
    This.
  • Read MDN documentation on HTML elements and attributes
• 2014-01-13 - Day 12
  • Read a lot of MDN documentation about client-side JavaScript
    Highlights: Window, Node, Element, Document, Blob/File, WebSocket, Notification, and History
• 2014-01-14 - Day 13
  • Read a lot about web workers
  • Used web workers to parallelize a drinking competition
• 2014-01-15 - Day 14
  • Completed this LightTable and ClojureScript tutorial
  • Read a lot about Google Closure Compiler and Library
• 2014-01-16 - Day 15
  • Worked through this LightTable plugin tutorial
  • Went through the React tutorial
    LightTable was incredible for this. Live reload an in-editor browser when the code changes? Yes, please.
  • Read these articles about React Components and Properties
• 2014-01-17 - Day 16
  • Read more React docs
  • Continued exploring LightTable
• 2014-01-18 - Day 17
  • Finished reading the React docs
  • Read about ClojureScript React wrappers: Om, Sablono, Cloact, and Pump
• 2014-01-19
  Ran errands.
• 2014-01-20 - Day 18
  • Experimented with React
• 2014-01-21 - Day 19
  • Created a tip calculator using React
  • Went through the Om tutorial and documentation