HTML5 Animation

Ever since HTML5 came out, I have been having an increasing amount of curiosity on how one could make website more animated and increase the experience of the user. When I first started using HTML5 I did some minor and basic projects for my high school teacher when I was his intern. They were all done in canvas but I was surprised by how much I could do with so little JavaScript and no PERL for back end action (the language he taught us in his web scripting course at the Career Enrichment Center).

In my most recent internship, with Rural Sourcing, I had started learning a lot more about what HTML5 and CSS3 can really do when you start pushing it. I began working on a few tutorials and eventually my manager, Johnny Cairns, gave me a few challenges to complete and as I worked on them, I put them up on my GitHub account to keep note of what I was working on and to hopefully teach others how to do what I did as well. You can go to my Git page here on my portfolio or straight to my GitHub for more information on the various projects and challenges I've uploaded there.

The 3 Main Challenges I had were making a simple animation with HTML, CSS, and JavaScript, the next was making that EXACT animation from the previous challenge occur but with exclusively only HTML and CSS, and the most recent was making an animated background where on desktop the background would be a video and on mobile the background was a still image or solid color. The last was more BootStrap related than animation but the animation projects are what led to that challenge and are still interconnected.