I worked as Front End Lead with the Victoria’s Secret Special Projects team to produce this single page application. There are two separate builds: one for desktop/tablet and one for handheld devices. They are kept in the same repository and share common js and css files when possible. The two builds files are managed in separate grunt configs to manage dependencies. We used Hammer to manage touch events, Modernizr for feature detection, and Handlebars for templating.
Some of “Bikini Mixer’s” more interesting features include:
- Liquid Layout.
- Media queries to detect landscape vs. portrait on tablet.
- Native iOS overflow scrolling for selection tools on handheld.
- Custom composite images for social sharing.