Details
For my Wines of the World 1 project, I built a website that Matt Olpinski designed last quarter. He created a fictional brand called Vurino Winery. He gave me the design (as a photoshop document) and I built a one page site. I started with the html5 boilerplate and used the 960 grid system for the first time.
Even though this project took me approximately 14 hours to create and it was only supposed to take as long as it would to research and write a 3-5 page paper, I’m very happy that I decided to do it. I got to use and learn things that I had not used or did not know beforehand. I used a jQueryUI draggable widget for the “Historic Timeline” which was all made with CSS (except for the year markers), implemented the 960 grid system, used the pointer-events css property because the grid pattern that I overlayed on the news items didn’t allow for text selection, created my own jQuery plugin for a simple carousel/gallery, and used CSS columns.
Matt has also purchased vurinowinery.com, however, he may change it in the future from what I created. You can view my version at glencheney.com/projects/vurino.
Tags
CSS, HTML, JavaScript, jQuery, jQueryUI