Malco

Malco

http://www.malcoproducts.com/

  • Concrete 5
  • Responsive
  • Google Webfonts
  • html5
  • jQuery
    • Cycle2
    • fancybox2
Predator Kayak

Predator Kayak

http://www.predatorkayak.com

  • Adventure Design
  • HTML5 Boilerplate with grid system from Bootstrap
  • Paralax elements using stellar.js
  • Fancybox for photos and video popups
  • jQuery Carousel for photos
  • Load elements on scroll using custom scripts
  • Switch content on click using custom scripts
  • CSS3 fade in elements and hover effects
Burlington Associates

Burlington Associates

http://burlingtonassociates.com/

So apparently if you deal with a subject like community land trusts you need the website to keep your attention. These guys wanted a fun, out-of-the-box type of solution that involved horizontal scrolling mixed in with this lithograph art style one of the partners is interested in. Oh and they wanted it to be c5’d and reasonably mobile capable.

While it wasn’t built to be mobile first (I could see some sort of optimization down the road maybe), some things needed to be addressed for touch. For one, they wanted scrolling div/iframe type areas on the main home page spread. I tried a whole mess of things and ended up with this DW Scroll Plugin (http://www.dyn-web.com/code/scroll/). I only have the one license, but I think it may be worth getting the developer license for it. It is nicer to customize I think than jsscroll and actually works pretty well in both screen and touch environments.

It does all sorts of jQuery resizing, sidescrolling, hashchange, cycle, fancybox, embedded pdf zaniness too. HTML5 Boilerplate, CSS3 Trannies, Google webfonts, and probably some other things I’m missing. Kind of a weird, but kind of cool site.