Current version: v0.31, previous version: v0.28. Flick-Cool is a Flickr search tool built entirely using YUI. People can search photos by user name or keywords. The reason why I develope it is not to show how great Yahoo API is, I have shown it in my former project – Yahoo! Pinoy Connect. This time, I try to demonstrate the power of YUI. I used core YUI tools, YDN tips, Gallery resources to develop this application.

CSS: When developing the presentation of the application, I used all four YUI files – ‘reset-fonts-grids.css’ and ‘base-min.css’ to get cross-browser layout. It is the foundation of the application.

JavaScript: When coding the actual functions for the application, I used ‘utilities.js’. ‘utilities.js’ aggregate combines the Yahoo Global Object, Dom Collection, Event Utility, Element Utility, Connection Manager, Drag & Drop Utility and Animation Utility. This is an ultra powerful combination that I haven’t fully discovered yet, but can’t resist to use!

PHP: 1. load xml search results – I followed the article ‘PHP Proxy for Yahoo! Web Services’ from Yahoo! JavaScript Developer Center to use PHP curl for Cross-Domain XMLHttpRequest Calls. 2. parse the raw data – I copied the Code Sample parseSIMPLEXML from Yahoo! PHP Developer Center and used it for the parsing. XHTML: I got the dynamic content using Yahoo! Flickr API calls.

Effects: The lightbox effect is from here, Yahoo! Gallery, I learned from jnicora2002′s YUI Lightbox. This thing is done totally in the Yahoo! way. Yahoo! rocks!

Future improvements: There are still many parts I have no time to improve. I have just downloaded a YSlow meter, and in the next version, I need to GZIP some files. Add in more functionalities using YUI and add in more dynamic content and allow more user control, i will explore the auth API.

 Live demo at http://www.lab.highub.com/flickr-cool/

The current beta version of Flickr-Cool is v0.31. You can download the source files by follwing the link below:

download

System Requirement:

PHP5 with CURL Extension.