Tyler Mazaika

In the winter I took a grueling CSS class taught by Ken Seto at Foothill College. The entire portfolio, as it was turned in at the end of the class, is available at cssclass.tylermazaika.com.

Final Project

A sample website built with transparent images with "cracks" on top of a concrete texture.

The final project for the class was to style a simple page, in this case some information on Teach for America, in any way we wanted. I used this as an opportunity to try out making and using transparent images to see what kind of textures I could achieve. In particular, I wanted to see if I could imitate a cracked glass look by making some crack overly .png files and then distributing them through the page. Because we were only allowed to use static pages plus additional <div> and <span> tags for styling figuring out where to put each image is a little tricky and would be impractical for a larger site.

Now that I’ve used jQuery a bit, I intend to try automating that process to semi-randomly distribute crack or other similar “natural” features over entire sites. In the meantime, there is just the sample Teach for America project…