Do Try This At Home

Do Try This at HomeAjax Bookmarking, Cross-site Scripting

and Other Web 2.0 Browser Hacks

Brian Dillard, Ajax R&D, Pathfinder Development

About this talk

1. Not too much code

2. The high-level stuff

3. The practical stuff

4. The uplifting finale

Where we are

It’s a really exciting time to be a web developer. Cool stuff is coming out every single day.

Where we are

... but it’s hard to get too excited about technologies

that aren’t yet ready for prime time. How best to participate?

Where we areWalled gardens

vs.ecosystems

Where we areOpen Web

vs.Closed Web

Jonathan Zittrain

Where we areAjaxvs.

Flash/Flexvs.

Silverlight

Where we arePrototype/Scriptaculous

vs.MooTools

vs.Dojo/Dijit/Dojox

vs.jQuery/jQuery UI

vs.YUI & Ext

Where we areWeb standards

vs."embrace,

extend, then innovate"

Where we areInternet Explorer 8

vs.Firefox 3

vs.Safari 3.1

vs.Opera 9.5

To get a better future, not only do we need a return to 'the browser wars,' we need to applaud and use the hell out of 'non-standard' features until such time as there’s a standard to cover equivalent functionality. Non-standard features are the future, and suggesting that they are somehow 'bad' is to work against your own self-interest.

Alex Russell, President, Dojo Foundation

CSS masks!12

CSS variables!13

But ... Webkit? Safari?14

What should I do?

What's theright thing

to do?

What should I do?

What's theright thing

to do?

How should Iinvest my time?

What should I do?

The future liesin the tension

betweenemerging standards

and de facto standards

Today's technologies grew in the wild

• xmlHttpRequest

• DOMContentLoaded

• Selectors API

• Canvas supplanted SVG

• HTML5 Ajax Navigation

• Microformats

Tomorrow’s will grow ... in committees?

• HTML 5 in two dialects, HTML and XML

• XHTML 2

• ECMAScript 4 a.k.a. JavaScript 2

• CSS 3

• CSS Layout Module

• CSSOM

• DOM storage/client-side database storage

• Web Forms 2.0

Draft specsare cool ...

but live implementations

are cooler.

The Gears project started because a group of developers at Google were frustrated by the slow march of web browsers. Competition and standards were producing fantastic results, but it took a long time to get implementations on every browser. In some cases, we still don’t have compatible implementations, years after the standards were finalized.

Aaron Boodman, Gears Engineer

Who will play a role in determiningthe shape of tomorrow’s web?

• Proprietary runtimes set the pace for multimedia and native UI integration

• Standards bodies & browser vendors do their little dance

• Ajax libraries & browser plugins paper over the differences

Who will play a role in determiningthe shape of tomorrow’s web?

So what about individual developers?

Build cool stuff!

Offline storage• Dojo Storage

• Flash LSOs (Local Shared Objects)

• IE userData

• Form field auto-save

• Google Gears

• DOM storage: sessionStorage/globalStorage

• Client database storage

Ajax history and bookmarking

• Dojo Toolkit

• Various Ajax frameworks, including GWT

• Really Simple History

• dsHistory

• IE8 and Ajax Navigation

Cross-site scripting

• Doom and gloom from Crockford

• But XSS !== malware

• FF3 cross-window messaging with HTML 5 postMessage API

• xssinterface - a library that uses postMessage, Gears or a cookie hack

Other possibilities• CSSOM

• CSSOM View Module

• elementFromPoint for drag/drop

• Web Forms 2.0

• 2 projects in suspended animation

• Dust them off?

Best practices?• If you’re doing something simple, try to use the

draft-standard API itself.

• If you’re building a higher-level abstraction, use draft standards when they’re available.

• If you’re going for the big hack, follow the conventions of successful libraries.

• If you don’t need to rely on a specific JavaScript framework, don’t.

• Make informed choices about joining the fray.

Build plugins for popular frameworks.Solve a little problem well while looking to HTML 5.

How to be part of the conversation

Participate actively in open-source projects.You don’t need to build a Gears module to use one.

Get down and dirty with beta browsers.File bug reports. Join forums. Blog about it.

Read and comment on draft specs

Read and comment on draft specs... just not late at night.

Vote with your feet.Use technologies whose philosophy you support.

Become a beat reporter.

Tools for participating

Research tools• RSS: NetNewsWire/FeedDemon/GReader

• Oversubscribe

• labs.pathf.com/ajax/web20expo/

• Or just bookmark trusted sites

• ajaxian.com

• quirksmode.org

• crockford.com

Frequent browser vendor websites

Browser sites• Internet Explorer 8

• Readiness toolkit/developer forum

• Firefox 3

• Bug tracker

• Opera 9.5

• Bug tracker

• Safari 3

• Bug tracker

Debuggers for everyone...not just Firefox & Firebug

Debuggers• Firefox

• Firebug

• Web developer toolbar

• Safari

• Develop menu

• Web Inspector

Debuggers• IE8 Developer Tools

• Finally built in

• Opera Developer Console

• Just a bookmarklet

Standards body websites

Standards bodies• WC3

• http://www.w3.org/

• WHATWG

• http://www.whatwg.org/

• ECMAScript

• http://www.ecmascript.org/

Neither the CSS WG nor the HTML 5 WG nor, indeed, any W3C working group can define the future. They can only round off the sharp edges once the future becomes the past and that’s all we should ever expect of them. ... [T]he W3C cannot save us.

Alex Russell, President, Dojo Foundation

If you wait for Google, Prototype, the WC3 and

Adobe to solve your problems, then you’re

missing out.

About me

• San Francisco: Reflect.com

• Chicago: United Airlines, Orbitz Worldwide

• Now: Pathfinder Development

• R&D: Playing with shiny new toys

• Blog: Agile Ajax (blogs.pathf.com/agileajax)

Please rate me!50

Please rate me!51

Please rate me!52

Do Try This At Home

Technology

Hiring Help At Home - National Multiple Sclerosis Society€¦ · Hiring Help At Home | 1 Hiring Help At Home ... Do you need a nurse, an aide, a housekeeper, ... try to schedule

RECIPES TO TRY AT HOME

LEAD AND PREGNANCY KEEP YOUR BABY SAFE - Illinoisdph.illinois.gov/sites/default/files/publications/lead... · 2019-06-21 · your home, do not try to remove it or do home renovations

DON’T TRY THIS AT HOME First...DON’T TRY THIS AT HOME Stand back: We’re doing science! Don’t Try ˜is at Home is the Fleet’s series of live shows that explore science that’s

Little Data: Analytics You Can Try at Home

Doing My Schoolwork at Home · Now I have to do my school work at home, though I will go back to school in the future. Now my teacher will send work to my home, I will try to do it

Bob OWNS the FYLSE Try, there is no try…… Just DO

Bad attitude| Players who do not try

Try the rabbit: a practical guide - Home | Food and

Try harder or go home

Do or do not. There is no try

Science Investigations to try at home

Do Not Try This At Home - projektservice-mathematik.univie ... · Do Not Try This At Home: Letting Researchers Own Research Dr John Donovan, Head of Research, Dublin Institute of

Let Us Then Try What Love Can Do

What we will try to do today:

Do try this at home! - The Tech Interactive · Do try this at home! Fall 2016 | 33 Things you can use Don’t limit yourself to the items on this list. Use whatever you have on hand

Do You Want to Stop Smoking Try It

Top 5 spanish food to try at home

Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 0 Browser Hacks Presentation

Just #Burn It… (Don’t Try This At Home)