I wanted to come up with some fun animation behavior for a website I am building for a friend, and I ended up playing with CSS3 transitions. It's pretty simple, but I think it's a great example of how transitions can be used to enhanve graphic elements.
I have worked on numerous web sites and web applications during my professional and academic career. While I can't share most of the code used on these projects, I am happy to discuss their implementation.
Move your cursor around, resize the window. The div will remain centered, and will look at your cursor anywhere within the window.
I married my wife Aimee in June of 2013. I designed the site based on our wedding invitations, which featured the same color scheme, and a similar thick purple border around the edge of the invitations. While the site is a fairly simple raw html/css site, I'm very happy with the appearance and simplicity of the site.
I also added a fun Konami-code effect on the home page because I think I'm funny.
I worked for two years as the student web developer for the UW Mechanical Engineering department. I rebuilt the external site based on the College of Engineering's design specifications, but significantly optimized the css, and built the page in php in order to allow for simpler maintenance, and to allow for parts of the site to be driven by a MySQL back end.
In addition to the external site, I completely rebuilt the ME department's internal data management application. The site involved funcitonality for tracking documents, salary information, admissions information, room and equipment assignments, rosters, and numerous other tools which saw daily use.