So... this isn’t starting at 52 things, but I figure I’ll start with this and I can add other items as I come up with them over the course of the year! The most important thing isn’t whether I’ll be getting through this entire list - it is to keep myself focused on learning new things or experimenting more with things I already know when I don’t have hard timelines or a budget that I have to hit. I’ve also had a healthy backlog going of “stuff I want to do” so I’m hoping this will help me keep track of it while learning new things.
The List
Completed out of so far.
- This list and this webpage to help track the progress on this list!
- DotA - CMS & Architecture - Pick a node.js CMS for dota website, create the site map.
- DotA - Web Design - Design for the website.
- DotA - CMS - Learn about theme creation for this CMS and practice basics.
- DotA - Theme Development - Develop the theme for the DotA website.
- DotA - Writing - Create pages with content (roster page can be left off or with placeholder content)
- DotA - Angular JS & Battle.net API - Build a static guild roster from the battle.net API
- DotA - Angular JS & Battle.net API - Add in filtering,sorting, etc of the guild roster
- DotA - D3.js - visual representation of classes in dota and other metrics
- DotA - Writing & JS - Build a timeline of the history of DotA
- Caiters.com - Responsive design - Finish the responsive design for Caiters.com
- Pfister Hospitality - Form Validation - Validate the contact form with javascript before submission View page »
- Caiters.com - Web performance - Make the site run really well on mobile. Research mobile web performance and make caiters.com work really well
- Caiters.com - Print Stylesheet
- Caiters.com - Writing - Write about each of these projects as I complete them
- BookClubFiction.net - BootStrap - Make BCF more bootstrap friendly (it's pretty half-assed right now)
- BookClubFiction.net - Design - Make the front end for BCF actually designed
- BookClubFiction.net - Angular JS - Admin page to help manage whether someone has participated for a book and add extra votes accordingly
- jQuery Plugin - Make a responsive homepage slider with swipe and click events
- Ghost blog - CSS Animations - experiment with making the blog have more pretty animations to dress up the front end
- CSS Art - Make a piece of CSS art (inspired by http://a.singlediv.com)
- Gulp - use gulp to set up useful tasks (compile less/sass, make svg sprites, etc)
- Backlog app - backlog list of books, video games, etc I want to read. Let me check them off and add them to a "done" list, rate the, and add descriptions
- Online quiz - JavaScript - What WoW class should you play (with hybrids etc)
- Crossword puzzle game - JS
- Calculator - Build a simple calculator in javascript (+,-,/,*)
- Make your own comic - See if I can work with a friend to have a "make your own comic" where you put in dialog for a comic and it gets filled in for an image for you save
- Make your own music boxes - HTML5 Audio. View project »
- Sitemap creator - JS - Allow you to create a sitemap hierarchy with blocks and lines connecting them. Can export to an actual sitemap xml
- Download progress bar
- CSS Sprites - Make a graphics intensive site where using many CSS sprites is appropriate
- To Do Application - Mobile web app to manage a to do list
- Chore To Do List - Track chores (litter box, vacuuming, etc). Award xp for completing tasks (more for harder tasks) and let you level up
- Yrel-themed page - Web Design - Design a single page centered around Yrel from WoW. Think about cool effects that could be used to show off how awesome she is.
- Yrel-themed page - HTML/CSS/JS - Build out Yrel design
- League of Legends minisites - Web Design - Create some themed League of Legends pages that give basic character information but are themed to each character.
- Freelance - Uncovered Classics - WordPress Theme - Theme Uncovered Classics per Amy's design. View project »
- Freelance - SRNY - Design - Design a mobile responsive theme for SRNY.
- Freelance - SRNY - WordPress Theme - Create a theme for SRNY following my own design. View project »
- Lazy loading - Experiment with lazy loading