As you can see, it's fabulous. I volunteered to do this because I support their work on campus and it benefits good friends of mine. They didn't have a website before, but wanted one, so I thought my skills could be useful to them.
I'm not brilliant at visual design, but they didn't have any website before, and what I can provide for free is (hopefully) preferable to nothing.
I enjoyed doing this because it did not take too long and was a break from my regular work (thesis, TAing, GRAing, etc). Here are some fun things I got to play with
- HTML Canvas. I've poked at it a couple times before, but never really made it far. It felt like one of those weird things I might never quite understand. Basically it gives you a space on your page to draw on. You have a context that you can use to draw shapes, letters, images, etc. In this screen shot, the name "Guelph Queer Quality" is drawn on the canvas, and the rainbow and the whitespace are drawn too.
- I followed this tutorial to do the rainbow:
http://krazydad.com/tutorials/rainbow/showexample.php?ex=rainbow_arch_grad
The resulting code was refactored quite a bit, though. - Web fonts. The header and the URLs are done in Snippet:
http://www.google.com/fonts/specimen/Snippet - PHP. The elements of the site that are consistent across pages are in template PHP files that get included into the primarily-content-based named pages (Updates, Events, FAQ, etc). Also, the blog posts are actually just a feed from a Blogger blog, whose atom feed is getting parsed.
- JavaScript and CSS. This was used to position content in the right place, and required many calculations.
I also briefly was using neat stuff like CSS transforms but that was too much for the group. :D
Keine Kommentare:
Kommentar veröffentlichen