Just finished an RSS grabber for a friend of mine.
He wanted some inspiring daily images from Flickr on his personal startpage. Reading CSS-Tricks that same day I mashed up some different How-To’s and wound up with this.
Basically it’s a combo of Simple-Pie, FancyBox, Chris’s article "FeedSmusher AJAX", a copy of his "Gradient Body Border" and some help from a guide on the Flickr RSS feed for Simple Pie found here. See the bottom footer on the site for all the links.
Warning, this is purely made for Safari 3+ and uses a lot of -webkit css. My friend’s a real die hard Safari fan so I made it explicitly for that browser. It looks "ok" in Firefox and works just barely in IE8.
I should also mention that it looks best in a 1024*768 maximized window.
Notice! Both the site and the zip is setup to grab feeds for the keywords "landscape", "mountains", "nature" and "scotland". Those urls can be changed in "feed.php" on lines 8-11. There is also a limit in effect to only grab 15 of the avaliable 20 feed items. This is because I wanted 15*4 to match the 60 thumbnails.
Hope you like it! :)
edit: oops.. forgot to mention that it updates itself every 60 seconds, for the impatient one’s. But maybe that was implied when I mentioned "Feed Smusher AJAX" :P
Somehow the zoom effect with FancyBox stopped working while I wasn’t looking.
I think it’s because I changed the pure <a><img /></a> to a text-link within a div with the thunbnail as it’s background. I guess the script doesn’t know where it’s coming from, and so doesn’t zoom properly. Plus you can’t close the open image by clicking outside the image, only by clicking the actual image.
I changed it because it rendered faster…
I’ll make some changes and edit the post when I get back from wöörk.