First a flashback.

How I started coding

Description

Today's webplatform.

Description
http://www.toptenreviews.com/

The browser is our application runtime

What has happend?

Browser tooling.

Blackboxes.

Description

IE Developer Toolbar

Description
http://sixrevisions.com/tools/internet_explorer_extensions_addons_web_developers/

Firebug

Description

Chrome & Firefox DevTools

Description Description

Dogma.

Description

What about our workflow?

It hasn't really changed.

Typical bug-fixing workflow

Description

Reality.

= our web development workflow is completely broken

What have we done to fix it?

Fixing the symptoms with more tools.

More tools.

Description

Adding more complex workflows.

LiveReload workflow

Description

Introducing new prototyping tools.

JsBin, CodePen, JsFiddle and many others

DevTools becoming your editor.

Chrome "Studio"

Description

What does it mean?

Does this mean that the browser vendors are on their way to compete with the editor vendors?

Stop.

Our assumptions are wrong.

Reality.

Application runtime.

We live here.

Description

Disconnect.

Description

What do we need?

Keep our editors being editors, and let’s integrate.

A more sane workflow

Description

I think deep integration between our editors and browsers is the key to better a webplatform.

What's happening?

Emmet LiveStyle

Description

Microsoft BrowserLink

Description

Stop again.

Inventing proprietary protocols.

Remote debugging protocols.

Remote debugging protocols

Description

What if we did something about it?

RemoteDebug.org

RemoteDebug vision

Description

Why the Chrome protocol?

Documented + integrations

Like Lighttable and Brackets

Description Description

Enough talk.

The open web follows standards.

Our tools should too.

Get Involved

Thanks.