So, why no JQuery?
See a working example here: www.holly-peck.com/lightbox.html
Since Northwest Coast Native art is my jam -- and since I've spent a lot of time studying these objects and their interpretations in museum settings -- I've decided to render a photo library of Northwest Coast Native Art. Behold: Bill Reid.
- Flickr API
User Experience - Method
- Typically, when I approach a problem, I think about code from frontend (UX) to backend. I ask myself: 1) what does my user want to see? 2) How can my user interact with my application? 3) what features in my application can empower my user with impactful interactive experiences?
User Experience - Practice
- User arrives at a page and sees a 4x4 grid of photo images.
1a. These image thumbnails are populated via Flickr API.
- User selects an image and sees it expand, lightbox-style, while other images dim in the background.
- User navigates through photo library (next/previous photos). Photos must display corresponding photo tile.
- User minimizes photo to return to thumbnail gallery.
- This should run on latest version of Chrome, Safari, Firefox, IE:
A Note About Responsiveness
- CSS has been styled for two types of media formatting: screens of min-width : 720px and max-width: 720px.
Version II Wish List
- Integrate with Aframe or D3.js for unique front-end experience.
- API unit tests
- Tests in Selenium, Cucumber
- I plan to write about my experiences with this project on my blog: www.blog.holly-peck.com.