SlideShare a Scribd company logo
1 of 56
Download to read offline
ERASE AND REWIND
A tale of innovation and impatience
CHRIS HEILMANN (@CODEPO8), OPEN WEB CAMP, SAN JOSE, 2015
The Levellers - Dance before the Storm
WE ARE HERE AT THE OPEN WEB
CAMP, WHICH IS ABOUT A FEW
DREAMS I TRIED TO MAKE SURE
COME TRUE OVER THE LAST YEARS.
SIMPLE DREAMS,
GOOD DREAMS
THAT PEOPLE CAN
BENEFIT FROM…
✓ Maintainability
✓ Accessibility
✓ Predictability
✓ Flexibility
✓ Extensibility
WE, WHO WEAR THE
BATTLE SCARS OF
THE MEMORY OF
PRE-HTML5 AND
CSS DAYS SEE
SIMPLE
SOLUTIONS…
✓ Stick to web standards
✓ Bet on the open web
✓ Practice your craft
✓ Question everything and
don’t assume functionality
✓ If it has no URL, and can’t
be view-sourced or crawled,
don’t trust it - it is faux web.
AND, OF COURSE
WE HAD AN OLD
ENEMY THAT IS
EASILY TO BLAME
FOR ANYTHING…
I GOT SO ANNOYED
WITH THIS, THAT I
TOOK DRASTIC
MEASURES…
I JOINED MICROSOFT
TO HELP WITH ONE
VERY IMPORTANT FIX
THE WEB VERY MUCH
NEEDED…
THE PLAN WAS
SIMPLE:
BURN IE AND LET A
NEW BROWSER
EMERGE FROM THE
ASHES…
THE IDEA WAS TO GET
RID OF ALL THE BAD
IDEAS OF THE PAST…
✘ VML
✘ attachEvent()
✘ currentStyle
✘ X-UA-Compatible (render modes)
✘ IE Layout Quirks
✘ VBScript
✘ Conditional Comments
✘ MS-Prefixed Events
AND REPLACE THEM WITH YUMMY GOODNESS.
THERE ARE MANY WEBS, IT SEEM…
before
 after
 before
 after
-webkit-appearance: none -webkit-gradient
EXPERIMENTAL? PROBABLY SAFE TO USE…
COPY + PASTE BEATS VALIDATION?
https://github.com/search?l=html&q=charset+%22UTF8%22&ref=searchresults&type=Code&utf8=%E2%9C%93
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<meta charset="utf-8">
<meta charset=“utf8"> ✘
✔
> 600k times in use on GitHub!
THINGS I LEARNED
WORKING FOR
BROWSER MAKERS
✓ It is a constant race not to break the
web - every mistake web developers
make needs to get catered for.
✓ The pressure is immense. Instead of
pushing for an interoperable web,
browsers are constantly compared
and expected to be different.
✓ When implementing standards, we
find a lot of problems and feed them
back. That’s why a score of 100% in
feature tests makes no sense.
✓ Most speed increases are based on
analysing and fixing developer
mistakes/sloppiness.
BACK TO WHAT WE
DO HERE…
MOST OF THE BEST PRACTICES WE
CELEBRATE HERE ARE PROMISES.
THE BIGGEST THING WE PROMISE
PEOPLE IS LONGEVITY AND RE-USE
OF THEIR WORK.
The web is not binary, one or zero, on or
off. It’s not a platform where you get one
hundred per cent or zero per cent. It’s
this continuum.
The web is not a platform.
It’s a continuum.
https://adactio.com/journal/6692
– Jeremy Keith
The web is not a
platform. It’s a
continuum.
– Jeremy Keith
✓ 100% true
✓ Deep, future-focused
thinking
✓ Insightful
✓ Inspiring
✓ Techno hippie horseshit
OUR PROMISES OF NOW AND
FUTURE SUCCESS AND
EVERLASTING RE-USE ARE NOT AN
INCENTIVE ANY LONGER…
WHY IS THAT?
THE WEB ISN’T
EXCITING ANY
MORE - IT IS
PLUMBING.
THE COOL, NEW AND
EXCITING THINGS
AREN’T WEB
TECHNOLOGY
BASED.
COMPUTING CHANGED
AND THE MOST IMPORTANT
PLATFORM WORKS ON
OTHER PRINCIPLES THAN
THE WEB.
MOBILE HAS BEEN SOLD TO
US AND BY US AS
TOTALLY DIFFERENT
• The app is a much better form factor
than web sites with URLs
• Everything needs to work offline
• Everything needs to be much simpler
interfaces - people are busy and on
the road
• Every app should take full advantage
over what the operating system and
hardware offers
THE BIGGEST THING
THE WEB NEEDS TO
MATCH IS MAKING
MONEY.
REGARDLESS OF
HYPED NUMBERS,
MOBILE NATIVE
PLATFORMS ALLOW
YOU TO MAKE
MONEY…
✓ Mobile native platforms have a
monetisation plan that is not
“show some ads”
✓ It is incredibly easy to spend
money on iOS
✓ There is no preconception that
“everything is free”
✓ Releasing on iOS means you target
an affluent audience.
✓ Payments for upgrades are a
normal thing
WE ARE STILL FAR, FAR AWAY FROM
BEING ABLE TO DELIVER THAT…
✘
TROUBLE WITH THE MOBILE WEB…
www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks
TROUBLE WITH THE MOBILE WEB…
www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks
ON MOBILE, THE
DECK IS STACKED
AGAINST THE WEB…
ON MOBILE, THE
DECK IS STACKED
AGAINST THE WEB…
• Browsers are hard-wired and
update with operating
systems .
• Browsers are built by many
different players, all with an
own agenda.
• The more you control the
experience, the more
competitive you are.
EVEN FEATURE DETECTION DOESN’T SAVE US…
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• This is just a fad, it will go away.
• If we build our own operating system based on HTML5, the
others will learn from that and embrace it more.
• Surely the simplicity of web standards and the amazing
value of Microformats and properly structured HTML will
never cease to amaze new developers.
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
IT IS THE FAULT OF
THE USERS!
They do all the things wrong like
using outdated browsers or
turning off JavaScript!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
IT IS THE FAULT OF
THE CLIENTS!
They only want crap and nothing
exciting that pushes the
envelope!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
IT IS THE FAULT OF
THE TOOL CREATORS!
We need to match what native
has in terms of tooling and then
we all can ride unicorns and have
ice cream!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
IT IS THE FAULT OF
THE BROWSER
MAKERS!
They just don’t innovate quickly
enough to match what mobile
can do!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
DENIAL BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• Let’s build a stop phone gap solution - one that is designed
to become redundant to show mobile OS makers that the
web is ready if only it had access to hardware capabilities.
• Let’s define lots of APIs and form expert groups - surely
these will be embraced an implemented by OS providers
instead of coming up with their own ones!
• Let’s inject browsers with our apps into the platform -
(crosswalk-project.org). This worked wonders with
Chromeframe and Internet Explorer.
ANGER
DENIAL BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• Let’s concede defeat - we can never match what native
offers, and never innovate as fast.
• Let’s consider a new career - goat farming, for example,
sounds like a great investment.
• Let’s try to find recognition elsewhere - maybe in a smaller
group of people who care about what I do.
ANGER BARGAINING DEPRESSION
DENIAL BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• Maybe this is just another form factor - and we could use
our time to care for the web that is instead.
• Maybe there is space for more than one form factor - just
maybe. I mean, crazier things have happened, like multiple
ways to use a road.
• Maybe this is a time to reflect and improve what we have -
after all, there is a lot that needs fixing?
ANGER BARGAINING DEPRESSION
THE WEB IS DESIGNED TO WORK INDEPENDENT
OF HARDWARE, SOFTWARE, ABILITY OR LOCATION.
SPIRIT ANIMAL:
PLATYPUS?
MORE LIKE:
HYRAX
THE WEB IS FULL OF
RUBBISH, TIME TO
CLEAN IT UP INSTEAD
OF ADDING MORE…
THE PROBLEM IS
THAT WE HAVE LOST
OUR VOICE AND
FOCUS.
✘ Innovation happens a lot in
browsers and in a very
experimental fashion
✘ A lot is purely engineering driven
and relies on a lot of abstractions
✘ The starting point for developers
became much more complex
✘ It is a full-time job to keep up with
JavaScript/platform innovation
✘ Business reasons trump user
experience.
http://www.w3.org/TR/html-design-principles/#priority-of-constituencies
In case of conflict, consider users over authors over
implementors over specifiers over theoretical purity.
In other words costs or difficulties to the user should
be given more weight than costs to authors; which in
turn should be given more weight than costs to
implementors; which should be given more weight
than costs to authors of the spec itself, which should
be given more weight than those proposing changes
for theoretical reasons alone. Of course, it is
preferred to make things better for multiple
constituencies at once.
“
PRIORITIES OF CONSTITUENCIES…
ENOUGH WITH THE EMPTY
PROMISES
• The web is a given now - people don’t care
for it as much as we did in the past.
• This means that what we offer as solutions
need to have immediate benefits - not a
glorious future that might never come.
• We should analyse some of our best
practices. Sure, backwards compatibility
means we never break the web. But we
also carry ballast with us.
• People will use what is the most simple
first, then the things that are the right thing
to do. Let’s offer simplicity.
ENOUGH WITH THE
CONSTANT CRITICISM
• Let’s analyse the reasons why
someone violated our best practices.
• The squeaky wheel gets the oil, it also
gets replaced when it keeps
squeaking
• If the fix of the thing we criticise
doesn’t yield any overall benefit, we
won’t reach people at all.
• Sometimes the web can be the wrong
solution
LOVE AND PASSION TRUMPS EVERYTHING…
LOVE COMES IN MANY FORMS…
• Understanding - our world has become much
more competitive and mainstream. We who
care about the web should help newcomers
calm down and see its flexibility as an
opportunity.
• Patience - we will see the same mistakes being
made over and and over again. Maybe this is a
right of passage, and beneficial as a learning
exercise.
• Kindness - it is easy to criticise and simple to
point out a flaw. It is more rewarding to connect
personally and ask for the reasons and offer a
solution.
LOVE COMES IN MANY FORMS…
• Interest - what makes people not go for open
web solutions? What is the thing the
alternatives give them?
• Openness - we never stop learning. Maybe
some of the things that sound ludicrous at first
can become a great idea with some tweaking.
• Sharing - many things we consider a given got
forgotten. Time to remind people. You start
teaching, you end up learning.
• Courage - we hear far too much from the
loudest and the most known. If you feel strongly
about something, speak up and tell us. We need
new, fresh voices!
THANK YOU!
CHRIS HEILMANN
@CODEPO8
Selfie Stick group: j0sh (www.pixael.com)
https://www.flickr.com/photos/87690240@N03/16322726941/
Stick and Carrot: Alan O’Rourke
https://www.flickr.com/photos/33524159@N00/17233999165
Skip by Denna Jones
https://www.flickr.com/photos/95267793@N00/2336623192
Pencil with rubber: Hometown Beauty
https://www.flickr.com/photos/73834369@N07/8408943093/
Stick, Carrot and heart: opensourceway
https://www.flickr.com/photos/47691521@N07/5537457133/
Goat: Chris Samuel
https://www.flickr.com/photos/94482242@N00/56574260/
Hyrax: Wikioedia
https://en.wikipedia.org/wiki/Hyrax
Platypus: BioDivLibrary
https://www.flickr.com/photos/61021753@N02/6260709968/
Return key: vapour trail
https://www.flickr.com/photos/54433196@N00/2765254958/

More Related Content

What's hot

The image problem of the web and how to solve it…
The image problem of the web and how to solve it…The image problem of the web and how to solve it…
The image problem of the web and how to solve it…Christian Heilmann
 
Moore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix thatMoore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix thatChristian Heilmann
 
Firefox OS - HTML5 for a truly world-wide-web
Firefox OS - HTML5 for a truly world-wide-webFirefox OS - HTML5 for a truly world-wide-web
Firefox OS - HTML5 for a truly world-wide-webChristian Heilmann
 
Making ES6 available to all with ChakraCore
Making ES6 available to all with ChakraCoreMaking ES6 available to all with ChakraCore
Making ES6 available to all with ChakraCoreChristian Heilmann
 
Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Christian Heilmann
 
Responsive, adaptive and responsible - keynote at NebraskaJS
Responsive, adaptive and responsible - keynote at NebraskaJSResponsive, adaptive and responsible - keynote at NebraskaJS
Responsive, adaptive and responsible - keynote at NebraskaJSChristian Heilmann
 
NodeConfLondon - Making ES6 happen with ChakraCore and Node
NodeConfLondon - Making ES6 happen with ChakraCore and NodeNodeConfLondon - Making ES6 happen with ChakraCore and Node
NodeConfLondon - Making ES6 happen with ChakraCore and NodeChristian Heilmann
 
A New Hope – the web strikes back
A New Hope – the web strikes backA New Hope – the web strikes back
A New Hope – the web strikes backChristian Heilmann
 
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
Upgrading JavaScript to ES6 and using TypeScript as a shortcutUpgrading JavaScript to ES6 and using TypeScript as a shortcut
Upgrading JavaScript to ES6 and using TypeScript as a shortcutChristian Heilmann
 
Turning huge ships - Open Source and Microsoft
Turning huge ships - Open Source and MicrosoftTurning huge ships - Open Source and Microsoft
Turning huge ships - Open Source and MicrosoftChristian Heilmann
 
Breaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfBreaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfChristian Heilmann
 
Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote Christian Heilmann
 
Making ES6 available to all with ChakraCore and Typescript
Making ES6 available to all with ChakraCore and TypescriptMaking ES6 available to all with ChakraCore and Typescript
Making ES6 available to all with ChakraCore and TypescriptChristian Heilmann
 
Automating all the wrong things - You Gotta Love Frontend Keynote
Automating all the wrong things - You Gotta Love Frontend KeynoteAutomating all the wrong things - You Gotta Love Frontend Keynote
Automating all the wrong things - You Gotta Love Frontend KeynoteChristian Heilmann
 
5 Quick JavaScript Performance Improvement Tips
5 Quick JavaScript Performance Improvement Tips5 Quick JavaScript Performance Improvement Tips
5 Quick JavaScript Performance Improvement TipsTroy Miles
 
JavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynoteJavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynoteChristian Heilmann
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
 
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6Aayush Shrestha
 
High performance java script why everything youve been taught is wrong
High performance java script why everything youve been taught is wrongHigh performance java script why everything youve been taught is wrong
High performance java script why everything youve been taught is wrongTao Gao
 
What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015Christian Heilmann
 

What's hot (20)

The image problem of the web and how to solve it…
The image problem of the web and how to solve it…The image problem of the web and how to solve it…
The image problem of the web and how to solve it…
 
Moore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix thatMoore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix that
 
Firefox OS - HTML5 for a truly world-wide-web
Firefox OS - HTML5 for a truly world-wide-webFirefox OS - HTML5 for a truly world-wide-web
Firefox OS - HTML5 for a truly world-wide-web
 
Making ES6 available to all with ChakraCore
Making ES6 available to all with ChakraCoreMaking ES6 available to all with ChakraCore
Making ES6 available to all with ChakraCore
 
Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015
 
Responsive, adaptive and responsible - keynote at NebraskaJS
Responsive, adaptive and responsible - keynote at NebraskaJSResponsive, adaptive and responsible - keynote at NebraskaJS
Responsive, adaptive and responsible - keynote at NebraskaJS
 
NodeConfLondon - Making ES6 happen with ChakraCore and Node
NodeConfLondon - Making ES6 happen with ChakraCore and NodeNodeConfLondon - Making ES6 happen with ChakraCore and Node
NodeConfLondon - Making ES6 happen with ChakraCore and Node
 
A New Hope – the web strikes back
A New Hope – the web strikes backA New Hope – the web strikes back
A New Hope – the web strikes back
 
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
Upgrading JavaScript to ES6 and using TypeScript as a shortcutUpgrading JavaScript to ES6 and using TypeScript as a shortcut
Upgrading JavaScript to ES6 and using TypeScript as a shortcut
 
Turning huge ships - Open Source and Microsoft
Turning huge ships - Open Source and MicrosoftTurning huge ships - Open Source and Microsoft
Turning huge ships - Open Source and Microsoft
 
Breaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconfBreaking out of the Tetris mind set #btconf
Breaking out of the Tetris mind set #btconf
 
Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote
 
Making ES6 available to all with ChakraCore and Typescript
Making ES6 available to all with ChakraCore and TypescriptMaking ES6 available to all with ChakraCore and Typescript
Making ES6 available to all with ChakraCore and Typescript
 
Automating all the wrong things - You Gotta Love Frontend Keynote
Automating all the wrong things - You Gotta Love Frontend KeynoteAutomating all the wrong things - You Gotta Love Frontend Keynote
Automating all the wrong things - You Gotta Love Frontend Keynote
 
5 Quick JavaScript Performance Improvement Tips
5 Quick JavaScript Performance Improvement Tips5 Quick JavaScript Performance Improvement Tips
5 Quick JavaScript Performance Improvement Tips
 
JavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynoteJavaScript is a buffet - Scriptconf 2017 keynote
JavaScript is a buffet - Scriptconf 2017 keynote
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJS
 
JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6JavaScript : What is it really? AND Some new features in ES6
JavaScript : What is it really? AND Some new features in ES6
 
High performance java script why everything youve been taught is wrong
High performance java script why everything youve been taught is wrongHigh performance java script why everything youve been taught is wrong
High performance java script why everything youve been taught is wrong
 
What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015
 

Viewers also liked

Demystifying Image SaaS Solutions
Demystifying Image SaaS Solutions Demystifying Image SaaS Solutions
Demystifying Image SaaS Solutions Imagga Technology
 
The Web As You Know It Is Over (and What You Can Do About It)
The Web As You Know It Is Over (and What You Can Do About It)The Web As You Know It Is Over (and What You Can Do About It)
The Web As You Know It Is Over (and What You Can Do About It)Matthew Knell
 
Understanding Cross Platform Behaviour Across Multiple Screems
Understanding Cross Platform Behaviour Across Multiple ScreemsUnderstanding Cross Platform Behaviour Across Multiple Screems
Understanding Cross Platform Behaviour Across Multiple ScreemsNigel Mark Dias
 
Business Process Optimization Philosophy IB Work Better June 2014
Business Process Optimization Philosophy IB Work Better June 2014Business Process Optimization Philosophy IB Work Better June 2014
Business Process Optimization Philosophy IB Work Better June 2014Stephen Tavares
 
Avoiding Process Improvement Pitfalls
Avoiding Process Improvement PitfallsAvoiding Process Improvement Pitfalls
Avoiding Process Improvement Pitfallssehuck99
 
Resumo para Modelagem/Mapeamento de Processos de Negócios
Resumo para Modelagem/Mapeamento de Processos de NegóciosResumo para Modelagem/Mapeamento de Processos de Negócios
Resumo para Modelagem/Mapeamento de Processos de NegóciosCompanyWeb
 
Criando Processos de Negócio com Sucesso (MELHORAR) - Michael Rosemann
Criando Processos de Negócio com Sucesso (MELHORAR) - Michael RosemannCriando Processos de Negócio com Sucesso (MELHORAR) - Michael Rosemann
Criando Processos de Negócio com Sucesso (MELHORAR) - Michael RosemannEloGroup
 
Gerenciamento de Mudanças Organizacionais
Gerenciamento de Mudanças Organizacionais Gerenciamento de Mudanças Organizacionais
Gerenciamento de Mudanças Organizacionais CompanyWeb
 
Ferramentas de Mensuração e Análise de Mídias Sociais
Ferramentas de Mensuração e Análise de Mídias SociaisFerramentas de Mensuração e Análise de Mídias Sociais
Ferramentas de Mensuração e Análise de Mídias SociaisPaperCliQ Comunicação
 
From Strategy to User Experience - Meeting Design is Everything
From Strategy to User Experience - Meeting Design is EverythingFrom Strategy to User Experience - Meeting Design is Everything
From Strategy to User Experience - Meeting Design is EverythingSocial Tables
 
Desenvolvimento de novos negócios: Advocacia com foco no cliente
Desenvolvimento de novos negócios: Advocacia com foco no clienteDesenvolvimento de novos negócios: Advocacia com foco no cliente
Desenvolvimento de novos negócios: Advocacia com foco no clienteMarco Antonio P. Gonçalves
 
Aulas Gestão de Processos & Produtividade
Aulas Gestão de Processos & ProdutividadeAulas Gestão de Processos & Produtividade
Aulas Gestão de Processos & ProdutividadeMarcos Magnanti
 
Process Mapping and Process Improvement for the Small Business Owner
Process Mapping and Process Improvement  for the Small Business OwnerProcess Mapping and Process Improvement  for the Small Business Owner
Process Mapping and Process Improvement for the Small Business OwnerMichiko Diby
 
Better Estimation Through Estimation Process Improvement - Dan Galorath
Better Estimation Through Estimation  Process Improvement - Dan GalorathBetter Estimation Through Estimation  Process Improvement - Dan Galorath
Better Estimation Through Estimation Process Improvement - Dan GalorathNesma
 
Mobile Search Moments from Google & Nielsen
Mobile Search Moments from Google & NielsenMobile Search Moments from Google & Nielsen
Mobile Search Moments from Google & NielsenNigel Mark Dias
 
Mapeamento de processos técnicas e vantagens
Mapeamento de processos   técnicas e vantagensMapeamento de processos   técnicas e vantagens
Mapeamento de processos técnicas e vantagensmateuspizetta
 
Structure Grows Creativity
Structure Grows CreativityStructure Grows Creativity
Structure Grows CreativityWorkfront
 
10 Paradoxical Traits of Creative People
10 Paradoxical Traits of Creative People10 Paradoxical Traits of Creative People
10 Paradoxical Traits of Creative PeopleFaisal Hoque
 

Viewers also liked (20)

Demystifying Image SaaS Solutions
Demystifying Image SaaS Solutions Demystifying Image SaaS Solutions
Demystifying Image SaaS Solutions
 
The Web As You Know It Is Over (and What You Can Do About It)
The Web As You Know It Is Over (and What You Can Do About It)The Web As You Know It Is Over (and What You Can Do About It)
The Web As You Know It Is Over (and What You Can Do About It)
 
Understanding Cross Platform Behaviour Across Multiple Screems
Understanding Cross Platform Behaviour Across Multiple ScreemsUnderstanding Cross Platform Behaviour Across Multiple Screems
Understanding Cross Platform Behaviour Across Multiple Screems
 
You suck at process improvement! by @ecgstudio
You suck at process improvement! by @ecgstudioYou suck at process improvement! by @ecgstudio
You suck at process improvement! by @ecgstudio
 
Business Process Optimization Philosophy IB Work Better June 2014
Business Process Optimization Philosophy IB Work Better June 2014Business Process Optimization Philosophy IB Work Better June 2014
Business Process Optimization Philosophy IB Work Better June 2014
 
Avoiding Process Improvement Pitfalls
Avoiding Process Improvement PitfallsAvoiding Process Improvement Pitfalls
Avoiding Process Improvement Pitfalls
 
Resumo para Modelagem/Mapeamento de Processos de Negócios
Resumo para Modelagem/Mapeamento de Processos de NegóciosResumo para Modelagem/Mapeamento de Processos de Negócios
Resumo para Modelagem/Mapeamento de Processos de Negócios
 
Criando Processos de Negócio com Sucesso (MELHORAR) - Michael Rosemann
Criando Processos de Negócio com Sucesso (MELHORAR) - Michael RosemannCriando Processos de Negócio com Sucesso (MELHORAR) - Michael Rosemann
Criando Processos de Negócio com Sucesso (MELHORAR) - Michael Rosemann
 
Gerenciamento de Mudanças Organizacionais
Gerenciamento de Mudanças Organizacionais Gerenciamento de Mudanças Organizacionais
Gerenciamento de Mudanças Organizacionais
 
Ferramentas de Mensuração e Análise de Mídias Sociais
Ferramentas de Mensuração e Análise de Mídias SociaisFerramentas de Mensuração e Análise de Mídias Sociais
Ferramentas de Mensuração e Análise de Mídias Sociais
 
From Strategy to User Experience - Meeting Design is Everything
From Strategy to User Experience - Meeting Design is EverythingFrom Strategy to User Experience - Meeting Design is Everything
From Strategy to User Experience - Meeting Design is Everything
 
Desenvolvimento de novos negócios: Advocacia com foco no cliente
Desenvolvimento de novos negócios: Advocacia com foco no clienteDesenvolvimento de novos negócios: Advocacia com foco no cliente
Desenvolvimento de novos negócios: Advocacia com foco no cliente
 
Aulas Gestão de Processos & Produtividade
Aulas Gestão de Processos & ProdutividadeAulas Gestão de Processos & Produtividade
Aulas Gestão de Processos & Produtividade
 
Process Mapping and Process Improvement for the Small Business Owner
Process Mapping and Process Improvement  for the Small Business OwnerProcess Mapping and Process Improvement  for the Small Business Owner
Process Mapping and Process Improvement for the Small Business Owner
 
Visual Management by CLT
Visual Management by CLTVisual Management by CLT
Visual Management by CLT
 
Better Estimation Through Estimation Process Improvement - Dan Galorath
Better Estimation Through Estimation  Process Improvement - Dan GalorathBetter Estimation Through Estimation  Process Improvement - Dan Galorath
Better Estimation Through Estimation Process Improvement - Dan Galorath
 
Mobile Search Moments from Google & Nielsen
Mobile Search Moments from Google & NielsenMobile Search Moments from Google & Nielsen
Mobile Search Moments from Google & Nielsen
 
Mapeamento de processos técnicas e vantagens
Mapeamento de processos   técnicas e vantagensMapeamento de processos   técnicas e vantagens
Mapeamento de processos técnicas e vantagens
 
Structure Grows Creativity
Structure Grows CreativityStructure Grows Creativity
Structure Grows Creativity
 
10 Paradoxical Traits of Creative People
10 Paradoxical Traits of Creative People10 Paradoxical Traits of Creative People
10 Paradoxical Traits of Creative People
 

Similar to Erase and Rewind - Open Web Camp 2015

Stapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoStapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann
 
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Jeremy Johnson
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive WebMatt Carver
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Christian Heilmann
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Dylan Wilbanks
 
Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Christian Heilmann
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsChristian Heilmann
 
DevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsDevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsBen Hall
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App ChallengesJason Grigsby
 
Progressing JavaScript and Apps the Web way…
 Progressing JavaScript and Apps the Web way…  Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way… Christian Heilmann
 
Reactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and GrailsReactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and GrailsSteve Pember
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUxSHAHEENA ATTARWALA
 
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell YouPatrick Collins
 
Surviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsSurviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsJohn McCrea
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Association Paris-Web
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris WebChristian Heilmann
 
Fast Delivery DevOps Israel
Fast Delivery DevOps IsraelFast Delivery DevOps Israel
Fast Delivery DevOps IsraelAdrian Cockcroft
 
Accessibility - Drupal and Javascript
Accessibility - Drupal and JavascriptAccessibility - Drupal and Javascript
Accessibility - Drupal and JavascriptDoghouse Agency
 

Similar to Erase and Rewind - Open Web Camp 2015 (20)

Stapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoStapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San Francisco
 
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
 
Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016
 
Grow Your Business
Grow Your BusinessGrow Your Business
Grow Your Business
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutions
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
DevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsDevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable Products
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
Progressing JavaScript and Apps the Web way…
 Progressing JavaScript and Apps the Web way…  Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way…
 
Reactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and GrailsReactive Microservice Architecture with Groovy and Grails
Reactive Microservice Architecture with Groovy and Grails
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUx
 
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
20 Tips for High Performance Responsive Design that the Pros Won’t Tell You
 
Surviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsSurviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity Wars
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris Web
 
Fast Delivery DevOps Israel
Fast Delivery DevOps IsraelFast Delivery DevOps Israel
Fast Delivery DevOps Israel
 
Accessibility - Drupal and Javascript
Accessibility - Drupal and JavascriptAccessibility - Drupal and Javascript
Accessibility - Drupal and Javascript
 

More from Christian Heilmann

Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019Christian Heilmann
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilegeChristian Heilmann
 
Seven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC OsloSeven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC OsloChristian Heilmann
 
Artificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynoteArtificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynoteChristian Heilmann
 
Killing the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynoteKilling the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynoteChristian Heilmann
 
Progressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays FinlandProgressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays FinlandChristian Heilmann
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilegeChristian Heilmann
 
Five ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developerFive ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developerChristian Heilmann
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Christian Heilmann
 
You learned JavaScript - now what?
You learned JavaScript - now what?You learned JavaScript - now what?
You learned JavaScript - now what?Christian Heilmann
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Christian Heilmann
 
Progressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReachProgressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReachChristian Heilmann
 
Progressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worldsProgressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worldsChristian Heilmann
 
Non-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humansNon-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humansChristian Heilmann
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Christian Heilmann
 
CSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. ControlCSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. ControlChristian Heilmann
 
Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017Christian Heilmann
 
The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)Christian Heilmann
 

More from Christian Heilmann (20)

Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019
 
Hinting at a better web
Hinting at a better webHinting at a better web
Hinting at a better web
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilege
 
Seven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC OsloSeven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC Oslo
 
Artificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynoteArtificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynote
 
Killing the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynoteKilling the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynote
 
Progressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays FinlandProgressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays Finland
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilege
 
Five ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developerFive ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developer
 
Taking the P out of PWA
Taking the P out of PWATaking the P out of PWA
Taking the P out of PWA
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"
 
You learned JavaScript - now what?
You learned JavaScript - now what?You learned JavaScript - now what?
You learned JavaScript - now what?
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"
 
Progressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReachProgressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReach
 
Progressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worldsProgressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worlds
 
Non-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humansNon-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humans
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center
 
CSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. ControlCSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. Control
 
Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017
 
The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)
 

Recently uploaded

Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...
Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...
Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...hasimatwork
 
APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85
APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85
APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85APNIC
 
Mary Meeker Internet Trends Report for 2019
Mary Meeker Internet Trends Report for 2019Mary Meeker Internet Trends Report for 2019
Mary Meeker Internet Trends Report for 2019Eric Johnson
 
SQL Server on Azure VM datasheet.dsadaspptx
SQL Server on Azure VM datasheet.dsadaspptxSQL Server on Azure VM datasheet.dsadaspptx
SQL Server on Azure VM datasheet.dsadaspptxJustineGarcia32
 
Generalities about NFT , as a new technology
Generalities about NFT , as a new technologyGeneralities about NFT , as a new technology
Generalities about NFT , as a new technologysoufianbouktaib1
 
overview of Virtualization, concept of Virtualization
overview of Virtualization, concept of Virtualizationoverview of Virtualization, concept of Virtualization
overview of Virtualization, concept of VirtualizationRajan yadav
 
如何办理朴茨茅斯大学毕业证书学位证书成绩单?
如何办理朴茨茅斯大学毕业证书学位证书成绩单?如何办理朴茨茅斯大学毕业证书学位证书成绩单?
如何办理朴茨茅斯大学毕业证书学位证书成绩单?krc0yvm5
 
Benefits of Fiber Internet vs. Traditional Internet.pptx
Benefits of Fiber Internet vs. Traditional Internet.pptxBenefits of Fiber Internet vs. Traditional Internet.pptx
Benefits of Fiber Internet vs. Traditional Internet.pptxlibertyuae uae
 
Google-Next-Madrid-BBVA-Research inv.pdf
Google-Next-Madrid-BBVA-Research inv.pdfGoogle-Next-Madrid-BBVA-Research inv.pdf
Google-Next-Madrid-BBVA-Research inv.pdfMaria Adalfio
 
Tungsten Webinar: v6 & v7 Release Recap, and Beyond
Tungsten Webinar: v6 & v7 Release Recap, and BeyondTungsten Webinar: v6 & v7 Release Recap, and Beyond
Tungsten Webinar: v6 & v7 Release Recap, and BeyondContinuent
 

Recently uploaded (10)

Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...
Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...
Section 3 - Technical Sales Foundations for IBM QRadar for Cloud (QRoC)V1 P10...
 
APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85
APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85
APNIC Update and RIR Policies for ccTLDs, presented at APTLD 85
 
Mary Meeker Internet Trends Report for 2019
Mary Meeker Internet Trends Report for 2019Mary Meeker Internet Trends Report for 2019
Mary Meeker Internet Trends Report for 2019
 
SQL Server on Azure VM datasheet.dsadaspptx
SQL Server on Azure VM datasheet.dsadaspptxSQL Server on Azure VM datasheet.dsadaspptx
SQL Server on Azure VM datasheet.dsadaspptx
 
Generalities about NFT , as a new technology
Generalities about NFT , as a new technologyGeneralities about NFT , as a new technology
Generalities about NFT , as a new technology
 
overview of Virtualization, concept of Virtualization
overview of Virtualization, concept of Virtualizationoverview of Virtualization, concept of Virtualization
overview of Virtualization, concept of Virtualization
 
如何办理朴茨茅斯大学毕业证书学位证书成绩单?
如何办理朴茨茅斯大学毕业证书学位证书成绩单?如何办理朴茨茅斯大学毕业证书学位证书成绩单?
如何办理朴茨茅斯大学毕业证书学位证书成绩单?
 
Benefits of Fiber Internet vs. Traditional Internet.pptx
Benefits of Fiber Internet vs. Traditional Internet.pptxBenefits of Fiber Internet vs. Traditional Internet.pptx
Benefits of Fiber Internet vs. Traditional Internet.pptx
 
Google-Next-Madrid-BBVA-Research inv.pdf
Google-Next-Madrid-BBVA-Research inv.pdfGoogle-Next-Madrid-BBVA-Research inv.pdf
Google-Next-Madrid-BBVA-Research inv.pdf
 
Tungsten Webinar: v6 & v7 Release Recap, and Beyond
Tungsten Webinar: v6 & v7 Release Recap, and BeyondTungsten Webinar: v6 & v7 Release Recap, and Beyond
Tungsten Webinar: v6 & v7 Release Recap, and Beyond
 

Erase and Rewind - Open Web Camp 2015

  • 1. ERASE AND REWIND A tale of innovation and impatience CHRIS HEILMANN (@CODEPO8), OPEN WEB CAMP, SAN JOSE, 2015
  • 2. The Levellers - Dance before the Storm
  • 3. WE ARE HERE AT THE OPEN WEB CAMP, WHICH IS ABOUT A FEW DREAMS I TRIED TO MAKE SURE COME TRUE OVER THE LAST YEARS.
  • 4. SIMPLE DREAMS, GOOD DREAMS THAT PEOPLE CAN BENEFIT FROM… ✓ Maintainability ✓ Accessibility ✓ Predictability ✓ Flexibility ✓ Extensibility
  • 5. WE, WHO WEAR THE BATTLE SCARS OF THE MEMORY OF PRE-HTML5 AND CSS DAYS SEE SIMPLE SOLUTIONS… ✓ Stick to web standards ✓ Bet on the open web ✓ Practice your craft ✓ Question everything and don’t assume functionality ✓ If it has no URL, and can’t be view-sourced or crawled, don’t trust it - it is faux web.
  • 6. AND, OF COURSE WE HAD AN OLD ENEMY THAT IS EASILY TO BLAME FOR ANYTHING…
  • 7. I GOT SO ANNOYED WITH THIS, THAT I TOOK DRASTIC MEASURES…
  • 8. I JOINED MICROSOFT TO HELP WITH ONE VERY IMPORTANT FIX THE WEB VERY MUCH NEEDED…
  • 9. THE PLAN WAS SIMPLE: BURN IE AND LET A NEW BROWSER EMERGE FROM THE ASHES…
  • 10. THE IDEA WAS TO GET RID OF ALL THE BAD IDEAS OF THE PAST… ✘ VML ✘ attachEvent() ✘ currentStyle ✘ X-UA-Compatible (render modes) ✘ IE Layout Quirks ✘ VBScript ✘ Conditional Comments ✘ MS-Prefixed Events
  • 11. AND REPLACE THEM WITH YUMMY GOODNESS.
  • 12. THERE ARE MANY WEBS, IT SEEM…
  • 13. before after before after -webkit-appearance: none -webkit-gradient EXPERIMENTAL? PROBABLY SAFE TO USE…
  • 14. COPY + PASTE BEATS VALIDATION? https://github.com/search?l=html&q=charset+%22UTF8%22&ref=searchresults&type=Code&utf8=%E2%9C%93 <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta charset="utf-8"> <meta charset=“utf8"> ✘ ✔ > 600k times in use on GitHub!
  • 15. THINGS I LEARNED WORKING FOR BROWSER MAKERS ✓ It is a constant race not to break the web - every mistake web developers make needs to get catered for. ✓ The pressure is immense. Instead of pushing for an interoperable web, browsers are constantly compared and expected to be different. ✓ When implementing standards, we find a lot of problems and feed them back. That’s why a score of 100% in feature tests makes no sense. ✓ Most speed increases are based on analysing and fixing developer mistakes/sloppiness.
  • 16. BACK TO WHAT WE DO HERE…
  • 17. MOST OF THE BEST PRACTICES WE CELEBRATE HERE ARE PROMISES.
  • 18. THE BIGGEST THING WE PROMISE PEOPLE IS LONGEVITY AND RE-USE OF THEIR WORK.
  • 19. The web is not binary, one or zero, on or off. It’s not a platform where you get one hundred per cent or zero per cent. It’s this continuum. The web is not a platform. It’s a continuum. https://adactio.com/journal/6692 – Jeremy Keith
  • 20. The web is not a platform. It’s a continuum. – Jeremy Keith ✓ 100% true ✓ Deep, future-focused thinking ✓ Insightful ✓ Inspiring ✓ Techno hippie horseshit
  • 21. OUR PROMISES OF NOW AND FUTURE SUCCESS AND EVERLASTING RE-USE ARE NOT AN INCENTIVE ANY LONGER…
  • 23. THE WEB ISN’T EXCITING ANY MORE - IT IS PLUMBING.
  • 24. THE COOL, NEW AND EXCITING THINGS AREN’T WEB TECHNOLOGY BASED.
  • 25. COMPUTING CHANGED AND THE MOST IMPORTANT PLATFORM WORKS ON OTHER PRINCIPLES THAN THE WEB.
  • 26. MOBILE HAS BEEN SOLD TO US AND BY US AS TOTALLY DIFFERENT • The app is a much better form factor than web sites with URLs • Everything needs to work offline • Everything needs to be much simpler interfaces - people are busy and on the road • Every app should take full advantage over what the operating system and hardware offers
  • 27. THE BIGGEST THING THE WEB NEEDS TO MATCH IS MAKING MONEY.
  • 28. REGARDLESS OF HYPED NUMBERS, MOBILE NATIVE PLATFORMS ALLOW YOU TO MAKE MONEY… ✓ Mobile native platforms have a monetisation plan that is not “show some ads” ✓ It is incredibly easy to spend money on iOS ✓ There is no preconception that “everything is free” ✓ Releasing on iOS means you target an affluent audience. ✓ Payments for upgrades are a normal thing
  • 29. WE ARE STILL FAR, FAR AWAY FROM BEING ABLE TO DELIVER THAT… ✘
  • 30. TROUBLE WITH THE MOBILE WEB… www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks
  • 31. TROUBLE WITH THE MOBILE WEB… www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks
  • 32. ON MOBILE, THE DECK IS STACKED AGAINST THE WEB…
  • 33. ON MOBILE, THE DECK IS STACKED AGAINST THE WEB… • Browsers are hard-wired and update with operating systems . • Browsers are built by many different players, all with an own agenda. • The more you control the experience, the more competitive you are.
  • 34. EVEN FEATURE DETECTION DOESN’T SAVE US…
  • 35. DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE THE FIVE STAGES OF MOURNING FOR THE OPEN WEB IN A MOBILE WORLD.
  • 36. DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE THE FIVE STAGES OF MOURNING FOR THE OPEN WEB IN A MOBILE WORLD. • This is just a fad, it will go away. • If we build our own operating system based on HTML5, the others will learn from that and embrace it more. • Surely the simplicity of web standards and the amazing value of Microformats and properly structured HTML will never cease to amaze new developers.
  • 37. DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE THE FIVE STAGES OF MOURNING FOR THE OPEN WEB IN A MOBILE WORLD.
  • 38. IT IS THE FAULT OF THE USERS! They do all the things wrong like using outdated browsers or turning off JavaScript! DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
  • 39. IT IS THE FAULT OF THE CLIENTS! They only want crap and nothing exciting that pushes the envelope! DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
  • 40. IT IS THE FAULT OF THE TOOL CREATORS! We need to match what native has in terms of tooling and then we all can ride unicorns and have ice cream! DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
  • 41. IT IS THE FAULT OF THE BROWSER MAKERS! They just don’t innovate quickly enough to match what mobile can do! DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
  • 42. DENIAL BARGAINING DEPRESSION ACCEPTANCE THE FIVE STAGES OF MOURNING FOR THE OPEN WEB IN A MOBILE WORLD. • Let’s build a stop phone gap solution - one that is designed to become redundant to show mobile OS makers that the web is ready if only it had access to hardware capabilities. • Let’s define lots of APIs and form expert groups - surely these will be embraced an implemented by OS providers instead of coming up with their own ones! • Let’s inject browsers with our apps into the platform - (crosswalk-project.org). This worked wonders with Chromeframe and Internet Explorer. ANGER
  • 43. DENIAL BARGAINING DEPRESSION ACCEPTANCE THE FIVE STAGES OF MOURNING FOR THE OPEN WEB IN A MOBILE WORLD. • Let’s concede defeat - we can never match what native offers, and never innovate as fast. • Let’s consider a new career - goat farming, for example, sounds like a great investment. • Let’s try to find recognition elsewhere - maybe in a smaller group of people who care about what I do. ANGER BARGAINING DEPRESSION
  • 44. DENIAL BARGAINING DEPRESSION ACCEPTANCE THE FIVE STAGES OF MOURNING FOR THE OPEN WEB IN A MOBILE WORLD. • Maybe this is just another form factor - and we could use our time to care for the web that is instead. • Maybe there is space for more than one form factor - just maybe. I mean, crazier things have happened, like multiple ways to use a road. • Maybe this is a time to reflect and improve what we have - after all, there is a lot that needs fixing? ANGER BARGAINING DEPRESSION
  • 45. THE WEB IS DESIGNED TO WORK INDEPENDENT OF HARDWARE, SOFTWARE, ABILITY OR LOCATION.
  • 48. THE WEB IS FULL OF RUBBISH, TIME TO CLEAN IT UP INSTEAD OF ADDING MORE…
  • 49. THE PROBLEM IS THAT WE HAVE LOST OUR VOICE AND FOCUS. ✘ Innovation happens a lot in browsers and in a very experimental fashion ✘ A lot is purely engineering driven and relies on a lot of abstractions ✘ The starting point for developers became much more complex ✘ It is a full-time job to keep up with JavaScript/platform innovation ✘ Business reasons trump user experience.
  • 50. http://www.w3.org/TR/html-design-principles/#priority-of-constituencies In case of conflict, consider users over authors over implementors over specifiers over theoretical purity. In other words costs or difficulties to the user should be given more weight than costs to authors; which in turn should be given more weight than costs to implementors; which should be given more weight than costs to authors of the spec itself, which should be given more weight than those proposing changes for theoretical reasons alone. Of course, it is preferred to make things better for multiple constituencies at once. “ PRIORITIES OF CONSTITUENCIES…
  • 51. ENOUGH WITH THE EMPTY PROMISES • The web is a given now - people don’t care for it as much as we did in the past. • This means that what we offer as solutions need to have immediate benefits - not a glorious future that might never come. • We should analyse some of our best practices. Sure, backwards compatibility means we never break the web. But we also carry ballast with us. • People will use what is the most simple first, then the things that are the right thing to do. Let’s offer simplicity.
  • 52. ENOUGH WITH THE CONSTANT CRITICISM • Let’s analyse the reasons why someone violated our best practices. • The squeaky wheel gets the oil, it also gets replaced when it keeps squeaking • If the fix of the thing we criticise doesn’t yield any overall benefit, we won’t reach people at all. • Sometimes the web can be the wrong solution
  • 53. LOVE AND PASSION TRUMPS EVERYTHING…
  • 54. LOVE COMES IN MANY FORMS… • Understanding - our world has become much more competitive and mainstream. We who care about the web should help newcomers calm down and see its flexibility as an opportunity. • Patience - we will see the same mistakes being made over and and over again. Maybe this is a right of passage, and beneficial as a learning exercise. • Kindness - it is easy to criticise and simple to point out a flaw. It is more rewarding to connect personally and ask for the reasons and offer a solution.
  • 55. LOVE COMES IN MANY FORMS… • Interest - what makes people not go for open web solutions? What is the thing the alternatives give them? • Openness - we never stop learning. Maybe some of the things that sound ludicrous at first can become a great idea with some tweaking. • Sharing - many things we consider a given got forgotten. Time to remind people. You start teaching, you end up learning. • Courage - we hear far too much from the loudest and the most known. If you feel strongly about something, speak up and tell us. We need new, fresh voices!
  • 56. THANK YOU! CHRIS HEILMANN @CODEPO8 Selfie Stick group: j0sh (www.pixael.com) https://www.flickr.com/photos/87690240@N03/16322726941/ Stick and Carrot: Alan O’Rourke https://www.flickr.com/photos/33524159@N00/17233999165 Skip by Denna Jones https://www.flickr.com/photos/95267793@N00/2336623192 Pencil with rubber: Hometown Beauty https://www.flickr.com/photos/73834369@N07/8408943093/ Stick, Carrot and heart: opensourceway https://www.flickr.com/photos/47691521@N07/5537457133/ Goat: Chris Samuel https://www.flickr.com/photos/94482242@N00/56574260/ Hyrax: Wikioedia https://en.wikipedia.org/wiki/Hyrax Platypus: BioDivLibrary https://www.flickr.com/photos/61021753@N02/6260709968/ Return key: vapour trail https://www.flickr.com/photos/54433196@N00/2765254958/