Google AJAX Feed API ~ AJAX Slide Show
With the AJAX Feed API, you can download any public Atom or RSS feed using only JavaScript, so you can easily mash up feeds with your content and other APIs like the Google Maps API.
The example I choose from AJAX Slide Show is the slide show that gets the pictures from Picasa web albums.
Code from Google API examples:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Google AJAX Feed API - AJAX Slide Show Sample</title>
<script src="http://www.google.com/jsapi"
type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
type="text/javascript"></script>
<style type="text/css">
.gss a img {border : none;}
.gss {
width: 400px;
height: 400px;
color: #000000;
background-color: #000000;
padding: 8px;
}
</style>
<script type="text/javascript">
function load() {
var samples = "http://picasaweb.google.com/data/feed/base/featured?alt=rss&kind=photo&hl=tr";
var options = {
displayTime: 2000,
transistionTime: 600,
linkTarget : google.feeds.LINK_TARGET_BLANK,
fullControlPanel : true,
fullControlPanelSmallIcons : true,
pauseOnHover : false
};
new GFslideShow(samples, "slideshow", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>
</head>
<body>
<div id="body">
<div id="slideshow">Loading...</div>
</div>
</body>
</html>
Latest news from Google: Google Chrome OS
Thursday, November 19, 2009 | 5:49 PM
Today we released Chromium OS, the open source project behind Google Chrome OS. Google Chrome OS is an operating system that is intended for people who spend most of their time on the web. It aims to provide a computing experience that is fast, simple and secure. The Chromium OS project as you’ll see it today is comprised of the code that has been developed thus far, our early experiments with the user interface, and detailed design docs for many parts that are under active development. [Taken From]
Book recommendation: Icon Steve Jobs ~ The Greatest Second Act In The History Of Business ~
This weekend I read:
Icon Steve Jobs: The Greatest Second Act In The History Of Business by Jeffrey S.Young and William L.Simon, ISBN: 978-0-471-72083-6
iCon takes a look at the most astounding figure in a business era noted for its mavericks, oddballs, and iconoclasts. Drawing on a wide range of sources, Jeffrey Young and William Simon provide new perspectives on the legendary creation of Apple, detail Jobs’s meteoric rise, and the devastating plunge that left him not only out of Apple, but out of the computer-making business entirely. This unflinching and completely unauthorized portrait reveals both sides of Jobs’s role in the remarkable rise of the Pixar animation studio, also re-creates the acrimony between Jobs and Disney’s Michael Eisner, and examines Jobs’s dramatic his rise from the ashes with his recapture of Apple. The authors examine the takeover and Jobs’s reinvention of the company with the popular iMac and his transformation of the industry with the revolutionary iPod. iCon is must reading for anyone who wants to understand how the modern digital age has been formed, shaped, and refined by the most influential figure of the age–a master of three industries: movies, music, and computers. About
The book I got is the Turkish translated one which published in 2009. I recommend you to read it, really cool story!
Creating an iGoogle theme
Today I managed to try out the iGoogle Themes API and made my own iGoogle theme.
The iGoogle theme infact a XML file that contains these elements;
- title
- description
- author
- author_email
- author_location (recommended)
- author_affiliation (recommended)
- thumbnail
- screenshot (recommended)
Here is my iGoogle theme:
<?xml version="1.0" encoding="UTF-8" ?> <ConfigMaps> <ConfigMap type="Skin"> <Meta name="title">eksiSozluk Theme</Meta> <Meta name="description">eksiSozluk theme.</Meta> <Meta name="author">huse</Meta> <Meta name="author_email">...@gmail.com</Meta> <Meta name="thumbnail">http://huseyincakir.freehostia.com/iGoogle.JPG</Meta> </ConfigMap> <ConfigMap type="Skin"> <Attribute name="header.center_image.url">http://huseyincakir.freehostia.com/iGoogle.JPG</Attribute> <Attribute name="header.background_color">teal</Attribute> <Attribute name="header.logo">white</Attribute> <Attribute name="header.link_color">blue</Attribute> <Attribute name="header.text_color">black</Attribute> <Attribute name="gadget_area.gadget.header.background_color">teal</Attribute> </ConfigMap> </ConfigMaps> <pre>
header.center_image: 175px in height, width you decide
Test:
http://www.google.com/ig?skin= + your XML adress
In my case:
http://www.google.com/ig?skin=http://huseyincakir.freehostia.com/eksi.xml
leave a comment