Skip to content
A project to code an Advent Calendar website - by adding a little to the site every day leading up to Christmas.
CSS HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
js
scss
.gitignore
Gruntfile.js
LICENSE.txt
README.md
index.html
package.json
secret-santa.html
style.css
style.min.css

README.md

Advent Calendar

A project to code an Advent Calendar website - by adding a little to the site every day leading up to Christmas.

day4

Follow along with my progress on this series as I blog about it here: Coding an Advent Calendar


Development

12.08 - December 8, 2016
  • Use React and Babel via CDN to get it working "locally"
  • Install React developer Tools for Chrome
  • Create very basic React.js pages to learn it
12.07 - December 7, 2016
  • WP REST API in core!
  • Build React Component to create Posts
  • Configure BabelJS to work with GruntJS
12.06 - December 6, 2016
  • Create README.md
  • Create an Issue on GitHub for Images
  • Add LICENSE (MIT)
12.05 - December 5, 2016
  • Create a GitHub repository and full site files for easier management
  • Setup Grunt.js to compile my Sass into CSS
  • Begin blogging about the process
12.04 - December 4, 2016
  • Countdown clock (JS Date class & jQuery Easing) with SVGs
  • Dynamic text output for Year based on the current date
  • CSS only slider (off by 5px each slide)
12.03 - December 3, 2016
  • CSS bow & ribbon
  • Footer with FontAwesome presents
  • Hover, active, and "Christmas Day" styles for footer presents
12.02 - December 2, 2016
  • React.js + Axios.js initial code structure
  • Color palette
  • CSS → Sass
12.01 - December 1, 2016
  • Let it snow
  • Typography choices
  • CSS presents (first design)
  • Design notes menu
You can’t perform that action at this time.