purple hack fodder - my presentation at mashed08

68
O HAI!

Upload: christian-heilmann

Post on 22-Apr-2015

12.400 views

Category:

Technology


3 download

DESCRIPTION

My presentation at mashed in London describing the pains I went to to get there and the things Yahoo offers for developers.

TRANSCRIPT

Page 1: Purple Hack Fodder - my presentation at mashed08

O HAI!

Page 2: Purple Hack Fodder - my presentation at mashed08

I’m Chris

Page 3: Purple Hack Fodder - my presentation at mashed08
Page 4: Purple Hack Fodder - my presentation at mashed08

Thursday I left London

Page 5: Purple Hack Fodder - my presentation at mashed08

Yesterday at the same time I was away presenting at an Open Source conference.

Page 6: Purple Hack Fodder - my presentation at mashed08
Page 7: Purple Hack Fodder - my presentation at mashed08

Ankara is different...

Page 8: Purple Hack Fodder - my presentation at mashed08

32 hours, 10 on planes, 7 in airports.

Page 9: Purple Hack Fodder - my presentation at mashed08

Ankara is different...

Page 10: Purple Hack Fodder - my presentation at mashed08
Page 11: Purple Hack Fodder - my presentation at mashed08
Page 12: Purple Hack Fodder - my presentation at mashed08
Page 13: Purple Hack Fodder - my presentation at mashed08

I took of my shoes 6 times, my belt 4 times and booted up my computer 6 times to

show it is not a bo...

Page 14: Purple Hack Fodder - my presentation at mashed08

So if I seem confused, this is the reason (not the mini bar)

Page 15: Purple Hack Fodder - my presentation at mashed08

Purple Hack Fodder

Mashable things by Yahoo!

Christian Heilmann, BBC Mashed , London, June 2008

Page 16: Purple Hack Fodder - my presentation at mashed08

Come and get it!

Page 17: Purple Hack Fodder - my presentation at mashed08

http://developer.yahoo.com

Page 18: Purple Hack Fodder - my presentation at mashed08

Lots of APIs, data feeds and SDKs:

Page 19: Purple Hack Fodder - my presentation at mashed08
Page 20: Purple Hack Fodder - my presentation at mashed08

?too much information error.ready._

Page 21: Purple Hack Fodder - my presentation at mashed08

★ Any input, any processing, any output

★ Infinite ways to combine and recombine data feeds

★ Output RSS, JSON, Serialized PHP or XML

★ Clone and edit★ Visual Pipes Editor

Page 22: Purple Hack Fodder - my presentation at mashed08

Got data? – check

Page 23: Purple Hack Fodder - my presentation at mashed08

How to show it?

Page 24: Purple Hack Fodder - my presentation at mashed08
Page 25: Purple Hack Fodder - my presentation at mashed08

Never gonna give you up

YUI is...

Page 26: Purple Hack Fodder - my presentation at mashed08

YUI is not a JavaScript library. It is a full development framework from design

patterns to release tools.

Page 27: Purple Hack Fodder - my presentation at mashed08

For every stage there is something for you.

Page 28: Purple Hack Fodder - my presentation at mashed08

DOM Collection Event Utility

Animation

History Manager

Connection ManagerCookie Datasource

Drag and Drop Element Get Utility ImageLoader

JSON Utility Resize Utility Selector Utility YUI Loader

Auto-Complete Button Calendar Charts Color Picker

Container Data Table ImageCropper Layout Manager Menu

Rich Text Editor Slider Tab View Tree View Uploader

CSS reset CSS base CSS grids CSS fonts

Core

Utilities

Widgets

CSS tools

Page 29: Purple Hack Fodder - my presentation at mashed08

Fully documented, with lots and lots of examples.

Page 30: Purple Hack Fodder - my presentation at mashed08

Never gonna let you down

YUI is...

Page 31: Purple Hack Fodder - my presentation at mashed08

YUI is built by Yahoo for our needs and to make us work effectively together world-

wide.

Page 32: Purple Hack Fodder - my presentation at mashed08

If it works for us and supports our scale – it is very likely to be good enough for you, too.

Page 33: Purple Hack Fodder - my presentation at mashed08

Never gonna run around and desert you

YUI is...

Page 34: Purple Hack Fodder - my presentation at mashed08

There is a massive community supporting the YUI. Subscribe

to the list and you will get information very quickly.

Page 35: Purple Hack Fodder - my presentation at mashed08

If you’ve built something cool using it, tell us and we’ll tell

the world.

Page 36: Purple Hack Fodder - my presentation at mashed08

Never gonna make you cry

YUI is...

Page 37: Purple Hack Fodder - my presentation at mashed08

The biggest frustration of web developers is browser

inconsistencies.

Page 38: Purple Hack Fodder - my presentation at mashed08

YUI is built with the Graded Browser Support as one of its core principles and will work

with the supported ones.

Page 39: Purple Hack Fodder - my presentation at mashed08

Never gonna say goodbye

YUI is...

Page 40: Purple Hack Fodder - my presentation at mashed08

So what if something terrible happens to Yahoo?

Page 41: Purple Hack Fodder - my presentation at mashed08

Fork it!

Page 42: Purple Hack Fodder - my presentation at mashed08

YUI is open source, BSD licensed.

Page 43: Purple Hack Fodder - my presentation at mashed08

Never gonna tell a lie and hurt you

YUI is...

Page 44: Purple Hack Fodder - my presentation at mashed08

One very cool thing is that YUI is not silent.

Page 45: Purple Hack Fodder - my presentation at mashed08

You will know when things go wrong and it is easy to trace

what happened.

Page 46: Purple Hack Fodder - my presentation at mashed08

You have full control and get notified about things that

work and fail inside it.

Page 47: Purple Hack Fodder - my presentation at mashed08

Development tools like the YUI logger, the testing

framework and the profiler allow you to build

professionally.

Page 48: Purple Hack Fodder - my presentation at mashed08

Make you cry

Run around anddesert you

Say goodbye

Tell a lie

Give you up

Let you down

YUI would never:

Page 49: Purple Hack Fodder - my presentation at mashed08

What else is cooking?

Page 50: Purple Hack Fodder - my presentation at mashed08

We’ve taken web successes from the past...

Page 51: Purple Hack Fodder - my presentation at mashed08
Page 52: Purple Hack Fodder - my presentation at mashed08

And brought them into our infrastructure.

Page 53: Purple Hack Fodder - my presentation at mashed08
Page 54: Purple Hack Fodder - my presentation at mashed08

SearchMonkey opens Yahoo search result pages for

developers.

Page 55: Purple Hack Fodder - my presentation at mashed08

Much like GreaseMonkey opens all web sites for

developers.

Page 56: Purple Hack Fodder - my presentation at mashed08

The difference is that users don’t need to use Mozilla but install scripts in their Yahoo

profile instead.

Page 57: Purple Hack Fodder - my presentation at mashed08

These scripts (monkeys) are triggered by URL matching

and enhance the search result display.

Page 58: Purple Hack Fodder - my presentation at mashed08
Page 59: Purple Hack Fodder - my presentation at mashed08

There are two types of enhancements.

Page 60: Purple Hack Fodder - my presentation at mashed08

Enhanced results override the original display.

Page 61: Purple Hack Fodder - my presentation at mashed08

Infobars add drop-down menus:

Page 62: Purple Hack Fodder - my presentation at mashed08

You write your monkeys in secure PHP

(no file or cookie nasties allowed)

Page 63: Purple Hack Fodder - my presentation at mashed08

And you can use any information we know about

this URL.

Page 64: Purple Hack Fodder - my presentation at mashed08

And if there is not enough information...

Page 65: Purple Hack Fodder - my presentation at mashed08

Use XML-Based Atom Feeds, RDF markups, Microformats, OpenSearch data or build a

Custom Data Service.

Page 66: Purple Hack Fodder - my presentation at mashed08

For example:

Page 67: Purple Hack Fodder - my presentation at mashed08

Using microformats in the BBC site, we can display showtimes of programs

already in the result page:http://www.digital-web.com/articles/embedded_data_with_searchmonkey/

Page 68: Purple Hack Fodder - my presentation at mashed08

Questions?Christian Heilmann | http://wait-till-i.com | twitter: codepo8

Thanks to: Apelad (http://www.flickr.com/photos/apelad/2048858745/), Terence Yim, Google Charts, Rick Astley, Joecartoon.com, Matt Cashmore and the BBC and Digital Web