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:
System Requirement:
PHP5 with CURL Extension.
Evening, thank you for the information. Your blog is really very informative. I want more. :D
Thanks, Rassekatzen. I am glad to hear that you found my blog’s informative. :) I will keep it up. :)
thank you to the information and i want more. with my best wishes .thanks.