The Olympians Gallery needed a redesign, it was currently just a text list and they wanted to spice things up without sprinkling chili powder over the servers. I implemented the masonry plugin from Isotope. I wanted to create a grid like structure because all the photos were all different sizes and it made no sense to crop them all in Photoshop (100+ images). I implemented the new min-width, min-height CSS3 feature and overflow:hidden to display images the same regardless of the dimensions or ratio.
This was also the first project I officially used LESS on. I have never been more impressed with two simple lines of code before:

    less.env = "development";
    less.watch();

This takes the 'refresh' out of the development process and moves it completely into the development environment. It is amazing to hit CTRL + S on a .less file and see the webpage instantly update. I'm definitely going to be working with LESS from here on out.

• LESS CSS
• jQuery
• Isotope Masonry

One Week