Download - Yahoo for the Masses
![Page 1: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/1.jpg)
Yahoo for the Masses
Christian Heilmann | http://wait-till-i.com | http://scriptingenabled.org
Bangalore, India, Yahoo internal training, February 2009
![Page 2: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/2.jpg)
This is going to be an interactive session, so don’t
feel bad for asking questions.
![Page 3: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/3.jpg)
Yahoo is a big company with a lot of products.
![Page 4: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/4.jpg)
As a representative of the Yahoo Developer Network I talk about the YDN and our
developer products in public.
![Page 5: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/5.jpg)
I don’t speculate about products we have or our
stock price or what’s happening to the company.
![Page 6: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/6.jpg)
And neither should you. This way trouble and annoyance
lies.
![Page 7: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/7.jpg)
So let me introduce the way I like to portrait Yahoo in
public.
![Page 8: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/8.jpg)
I see Yahoo as the big friendly giant.
![Page 9: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/9.jpg)
Just like the big friendly giant we take the nice things and bring them to the people.
![Page 10: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/10.jpg)
And we keep the bad things away from them.
![Page 11: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/11.jpg)
And we have to constantly be aware of the other giants out
there...
![Page 12: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/12.jpg)
...as the people we talk to have an almost unhealthy
drive to ask us how we compare with other giants.
![Page 13: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/13.jpg)
As a matter of fact there are more and more big friendly
giants out there.
![Page 14: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/14.jpg)
So baiting me to say bad things about the others is a
waste of time.
![Page 15: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/15.jpg)
As it should be with you.
![Page 16: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/16.jpg)
Let’s go through some of the offerings we bring the world
that get me excited.
![Page 17: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/17.jpg)
Design Patterns
![Page 18: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/18.jpg)
On the Yahoo Developer Network you can find
solutions to tasks that users need to fulfill on web sites.
![Page 19: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/19.jpg)
These are based on research with real users and are live
and cross-referenced on Yahoo! sites.
![Page 20: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/20.jpg)
All of them explained in detail and licensed Creative
Commons.
![Page 21: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/21.jpg)
http://developer.yahoo.com/ypatterns
![Page 22: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/22.jpg)
This can be a base of your own interface and
information architecture.
![Page 23: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/23.jpg)
They even come with stencils!
![Page 24: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/24.jpg)
http://developer.yahoo.com/ypatterns/wireframes/
![Page 25: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/25.jpg)
YUI CSS
![Page 26: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/26.jpg)
Basing your design and layout on an existing CSS
framework means you can build them very fast.
![Page 27: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/27.jpg)
It also means they work across different browsers and
will work for browsers to come.
![Page 28: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/28.jpg)
In terms of maintenance all you need to do is to update
one CSS file.
![Page 29: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/29.jpg)
http://developer.yahoo.com/yui/grids/builder/
![Page 30: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/30.jpg)
Exceptional Performance
![Page 31: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/31.jpg)
Using our exceptional performance tips and tools
you can make your sites work faster and more smoothly.
![Page 32: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/32.jpg)
Faster and smoother experience = happier users
![Page 33: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/33.jpg)
Exceptional Performance Tips:http://developer.yahoo.com/performance/
YSlow: http://developer.yahoo.com/yslow/
![Page 34: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/34.jpg)
![Page 35: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/35.jpg)
And of course smushit.com
![Page 36: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/36.jpg)
![Page 37: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/37.jpg)
![Page 38: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/38.jpg)
![Page 39: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/39.jpg)
![Page 40: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/40.jpg)
YUI
![Page 41: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/41.jpg)
YUI is a base to build working, accessible and easy to re-style web applications on.
![Page 42: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/42.jpg)
Working for us and thus probably working for the
world out there, too!
![Page 43: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/43.jpg)
YUI makes web development more secure, predictable and
backed by a massive community of clever,
dedicated developers.
![Page 44: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/44.jpg)
YUI also extends your web app capabilities.
![Page 45: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/45.jpg)
What if HTML is not rich enough for your clients?
![Page 46: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/46.jpg)
Almost all *free* and *big* JavaScript libraries come
with widgets that work and are proven in the market.
![Page 47: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/47.jpg)
http://ui.jquery.com/
http://ui.jquery.comhttp://developer.yahoo.com/yui/
![Page 48: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/48.jpg)
BOSS
![Page 49: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/49.jpg)
What if a client asks you to build a specialist search?
![Page 50: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/50.jpg)
You could buy databases and build an interface and get
servers to host and index the search...
![Page 51: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/51.jpg)
Or you could use BOSS.
![Page 52: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/52.jpg)
http://developer.yahoo.com/search/boss/
![Page 53: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/53.jpg)
BOSS allows you to build better search results easily.
![Page 55: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/55.jpg)
![Page 57: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/57.jpg)
Another cool thing BOSS does right now is provide a
mainstream channel for the semantic web and
Microformats.
![Page 58: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/58.jpg)
People are trying to make the web a less messier place by
adding semantic data to HTML documents.
![Page 59: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/59.jpg)
Using SearchMonkey technology BOSS now lists this information in the results.
http://www.flickr.com/photos/glenscott/3273401181/
![Page 60: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/60.jpg)
view=searchmonkey_rdf
view=searchmonkey_feed
http://developer.yahoo.com/search/boss/structureddata.html
![Page 61: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/61.jpg)
Another interesting thing is the keyterms parameter in
BOSS.
![Page 63: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/63.jpg)
YahooTheater
![Page 64: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/64.jpg)
Videos of talks, presentations and product demos to watch
and use in your own company’s training program.
![Page 65: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/65.jpg)
YahooTheater
![Page 66: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/66.jpg)
Security
![Page 67: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/67.jpg)
Yahoo has a good security section on YDN.
![Page 68: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/68.jpg)
We should do much more there.
![Page 69: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/69.jpg)
Accessibility
![Page 70: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/70.jpg)
There is some information on the YUI blog about all the
good accessibility work we do.
http://yuiblog.com/blog/category/accessibility/
![Page 71: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/71.jpg)
There will be a full accessibility section on YDN
( which is on my plate ;) )
![Page 72: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/72.jpg)
YQL
![Page 73: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/73.jpg)
YQL is a SQL-style interface to all Yahoo data – and the web!
![Page 74: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/74.jpg)
I like to call it the tin opener of the web – even when the juicy data is in a container
you can get access to it.
![Page 75: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/75.jpg)
Especially now that we allow for open data tables.
![Page 76: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/76.jpg)
This allows any company or institute or web site to allow
people to access and mash up their data.
![Page 77: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/77.jpg)
For example a friend of mine works for the National
Maritime Museum in London.
![Page 78: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/78.jpg)
They are already part of the Commons on flickr:
http://www.flickr.com/people/nationalmaritimemuseum/
![Page 79: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/79.jpg)
He wanted to allow people to access their free data and
filter it without providing an API.
![Page 80: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/80.jpg)
All it needed was a simple XML file.
![Page 81: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/81.jpg)
<?xml version="1.0"?><table xmlns="http://query.yahooapis.com/v1/schema/table.xsd"> <meta> <author>Jim O'Donnell</author> <documentationURL>http://www.nmm.ac.uk/collections/</documentationURL> </meta> <bindings> <select produces="XML" itemPath="rss.channel.item"> <urls> <url>http://www.nmm.ac.uk/collections/requestHandlers/doQuickSearch.cfm?searchterm={searchterm}&authority={authority}&category={category}&startrow=1&format=rss</url> </urls> <inputs> <key id="searchterm" type="xs:string" paramType="path" required="true"/> <key id="authority" type="xs:string" paramType="path" required="false" default="category"/> <key id="category" type="xs:string" paramType="path" required="false" default=""/> </inputs> </select> </bindings></table>
![Page 82: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/82.jpg)
http://developer.yahoo.com/yql/console/?q=use%20%27http%3A%2F%2Featyourgreens.org.uk%2Fyql%2Fnmm-search.xml%27%20as%20nmm%3B%0Aselect%20*%20from%20nmm%20where%20category%20%3D%20%27art
%27%20and%20searchterm%20%3D%20%22tower%20bridge%22
![Page 83: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/83.jpg)
This is just the start. I am really excited about YQL.
![Page 84: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/84.jpg)
A good BFG also should listen well.
And this is where we are not doing a good enough job.
![Page 85: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/85.jpg)
I’ll need all of you to see what’s going on out there.
![Page 86: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/86.jpg)
Find good examples of uses of our technologies, and tell the
YDN folk about it.
![Page 87: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/87.jpg)
We’re happy to tell the world who has done good stuff with
our stuff :)
![Page 88: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/88.jpg)
![Page 89: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/89.jpg)
![Page 90: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/90.jpg)
![Page 91: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/91.jpg)
On the other hand we also need to know how people get
stuck and what they would like from our products.
![Page 92: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/92.jpg)
So whenever you are out there and you hear people
having issues...
![Page 93: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/93.jpg)
...point them to the right channels.
![Page 94: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/94.jpg)
Help is there, we are a BFG.
![Page 95: Yahoo for the Masses](https://reader036.vdocument.in/reader036/viewer/2022081404/5587c079d8b42a80778b4680/html5/thumbnails/95.jpg)
Keep in touch:
Christian Heilmann
http://wait-till-i.com
http://scriptingenabled.org
http://twitter.com/codepo8
T H A N K S !