The CSS for this site was built 100% from scratch. The front page slider was built using the jQuery Cycle plugin, and it is used elsewhere in the site. The product and blog listing pages were designed using the DataTables jQuery plugin.
I’m pretty proud of the drop shadows. It uses the onion skin technique, so there are three images involved, but it will work on any sized container. All I do is add the class “dropshadow” to any object, then I have a jQuery line that adds three divs on top of it that do the onion skinning for me.
The other pretty cool thing about this site is on the product pages. Each product has its own album on our Picasa Web Albums login, then the page automatically parses in the image feed from Picasa to load the Cycle plugin. It uses three different sized images from Google for the thumbnail, main photo and the zoomed in photo.
- The topic ‘Seatability Redesign’ is closed to new replies.