Nov

5

Yahoo! - Flickr-Cool

November 5, 2007 |

flickr-cool logo
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.



Similar Posts

Comments

Name (required)

Email (required)

Website

Speak your mind

3 Comments so far

  1. Rassekatzen on December 11, 2007 4:22 pm

    Evening, thank you for the information. Your blog is really very informative. I want more. :D

  2. admin on December 12, 2007 7:04 am

    Thanks, Rassekatzen. I am glad to hear that you found my blog’s informative. :) I will keep it up. :)

  3. abdelmohsen on December 17, 2007 4:22 pm

    thank you to the information and i want more. with my best wishes .thanks.

Sponsors




Links