Yahoo! Technologies

YAHOOOOOOOO!  Telegraph @ Apple 31 July 08 

Hi, I’m James, James Broad  CarbonSilk.com – my blog 

What do I do?  Web developer on Global Finance 

I’m here to talk about our stuﬀ  Well, just some of it mind 

Your Entrée 

The YUI  Yahoo! User Interface Library 

Not a framework… A Library 

Can work alongside other  libraries/frameworks 

Does not impose a way of  working 

Encourages best pracZces 

Some cool stuﬀ in YUI… 

CSS Grid Builder  Generate solid grid layouts with ease 

Image Loader  Delay loading images unZl needed  (below the fold) 

AutoComplete  Very li^le code needed to get up and  running 

Calendar  Easy to use visual calendar 

CSS Tools  Se_ng a predictable interface  environment 

On its way… YUI3 

New syntax – less lines of code 

New AnimaZon – AdopZng CSS 3  animaZon speciﬁcaZons 

Term Extractor 

You request this:  •  h^p://search.yahooapis.com/ContentAnalysisService/V1/termExtracZon? appid=YahooExample  •  &context=Households have suﬀered the single  biggest increase in their energy bills ever  recorded, afer BriZsh Gas raised its gas prices  by 35 per cent.  •  &query=money 

You receive this:  <ResultSet xsi:schemaLocaZon=\"urn:yahoo:cate h^p://api.search.yahoo.com/ ContentAnalysisService/V1/TermExtracZonResponse.xsd\">  <Result>energy bills</Result>  <Result>gas prices</Result>  <Result>households</Result>  <Result>bri5sh gas</Result>  </ResultSet> 

And for your Mains 

Maps 

Easy as pie!  <html>    <head>    <script type=\"text/javascript\"    src=\"h^p://api.maps.yahoo.com/ajaxymap?v=3.8&appid=YD‐eQRpTl0_JX2E95l_xAFs5UwZUlNQhhn7lj1H\"></script>    <style type=\"text/css\">        #map{ height: 100%; width: 100%; }  </style>    </head>    <body>    <div id=\"map\"></div>    <script type=\"text/javascript\">        var map = new YMap(document.getElementById('map'));      map.addTypeControl();      map.setMapType(YAHOO_MAP_REG);      map.drawZoomAndCenter(\"Hanover Street, London\", 1);    </script>    </body>    </html> 

Is that it? Nope, you can do stuﬀ  like this; 

LocaZon  It’s the future, man 

Fire Eagle  Heard of it? 

Fire Eagle is a locaZon agent 

How could you use it?  Deliver local content 

For Dessert 

Search 

Search Monkey 

What GreaseMonkey is to Mozilla,   SearchMonkey is to (Yahoo!) search  results 

BOSS  Build your Own Search Service 

You just take the results, do what  you like with them… 

Mobile 

Blueprint. The mobile framework 

Write once: Run it on hundreds  of devices. 

Open: MulZple pla{orms and  numerous operaZng systems. 

Seamless integraZon and  distribuZon with Yahoo! Go 3.0 and  Yahoo!'s mobile homepage. 

API’s  Oh yea, nearly forgot. Here are a few 

Flickr 

Answers 

OpenID 

Mail 

Upcoming 

GeoPlanet 

Media Player 

Del.icio.us 

Pipes – special one 

Oh my the list goes on… 

Anything else? 

Credits  •  h^p://flickr.com/photos/snezhanak/1586861529/  •  h^p://flickr.com/photos/disneymike/24204504/  •  h^p://flickr.com/photos/bre^love/2419896481/  •  h^p://flickr.com/photos/jlunar/451458900/  •  YDN – developer.yahoo.com  •  Chuck Norris 

Thanks!  James Broad  Developer.yahoo.com  Carbonsilk.com 

Yahoo! Technologies

0 comments

Notes on slide 1

Favorites, Groups & Events