I’m currently working on a scrapbook, which is doing the following things:
- Fetching my 25 most recent Twitter tweets via the Twitter API
- Fetching my 25 most recent Flickr photos via the Flickr API
- Fetching tracks marked as field recordings from my SoundCloud account via the SoundCloud API
- Using a few CSS3 tricks for box shadows, transform, and rotation
- Using the Google web fonts API to style the Twitter text
- Using jQuery UI to add dragging capabilities
- Using the jQuery lightBox plugin to display an enlarged version of photos
My to-do list to improve it:
- Cache API data to improve performance and reduce API calls to Flickr, SoundCloud, and Twitter web services DONE!
- Create version of brown scrap paper image with box shadow effect to apply when being dragged
- Contain dragging to viewport only, this seems to occur because of the rotation applied DONE!
- Add icons to show interactions that are possible (drag this, open this, etc)
- Consider Soundcloud API integration for field recordings DONE!
- Convert to WordPress plugin with options panel for customization, maybe a full blown WordPress theme down the road (if it makes sense to do so)
- Expand to include timeline feature that shows items from different web services grouped by date
- Do a bit of cross-browser testing
- Convert to HTML5 doctype, potentially introduce audio tag and JavaScript audio player features for SoundCloud files
- Improve PHP, move to OOP design