Aaron

Graphic Design Portfolio

Blog

Coding an Advent Calendar: Day 16

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 16 Disclaimer: I’ve been incredibly busy as of late with the following items and so haven’t …

Coding an Advent Calendar: Day 15

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 15 Begin creating JSON file for additional Advent data As I continued watching Build a Web …

Coding an Advent Calendar: Day 14

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 14 Individual Post Styles As I mentioned yesterday, I wanted to only show one WordPress post …

Coding an Advent Calendar: Day 13

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 13 Add JS handlers for “Today” “Today” I didn’t have tons of time to put in …

Coding an Advent Calendar: Day 12

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 12 Storybook on Windows (FAIL) So, after some good work on React Components in Storybook on …

Coding an Advent Calendar: Day 11

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 11 Begin separating out CSS per Component The way this create-react-app with Webpack configuration works is that in …

Coding an Advent Calendar: Day 10

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 10 Finish Lynda.com videos Today I finished the Lynda.com Course Learn React.js: The Basics. Here are …

Coding an Advent Calendar: Day 9 (5 React Configurations)

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 9 create-react-app Yesterday I was having some trouble with my React code functioning properly with the in-browser Babel …

Coding an Advent Calendar: Day 8

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 8 Use React and Babel via CDN Since yesterday I was unable to get React and Babel …

Coding an Advent Calendar: Day 7 (REST API + ReactJS)

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 7 WordPress 4.7 “Vaughan” WP REST API!! Today is the big day! WordPress 4.7 launched this …

Coding an Advent Calendar: Day 6

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 6 Add README.md Actually, part of Day 5’s work of setting up Grunt, Sass, and Autoprefixer* for …

Coding an Advent Calendar: Day 5 (Maintenance)

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 5: Maintenance GitHub Repository After coding for 1-2 hours each day for 4 days, I found …

Coding an Advent Calendar: Day 4

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 4 JavaScript Countdown clock with SVGs After browsing some other Codepens tagged “advent”, and “calendar”, and “clock”, …

Coding an Advent Calendar: Day 3

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 3 CSS bow & ribbon I wanted to make a bow for the present entirely out …

Coding an Advent Calendar: Day 2

This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 2 WP REST API with React.js (structure) There’s been a lot of excitement recently about the …