Setting disruptors to stun!

Setting disruptors to stun!

you can't be an astronaut, it is not realistic

Back in the days…

Gateway to adventure

Old school prejudices…

Geek party

The waiting game paid out…

Hipster party

Built-in reach…

This is for everyone

Consumers and creators

Mozilla webmaker

https://webmaker.org/

Good times were had…

Batman and Robin rocking

Then change happened…

Clinton inauguration vs Obama inauguration

All hail the hypnophone…

people with smartphones

It started well…

iPhone without an SDK

Jobs' original vision - no third party native apps

Then it got awkward…

Awkward, who is the mobile web for? Web developers or native developers

A competitive, closed market

Apple, Samsung and Nokia

Fragmention

Psycho horror

Shouldn't we cherish flexibility?

Phone and tablet ads

The story of stuff

The story of stuff

http://www.storyofstuff.org

An old, old idea…

Our enormously productive economy … demands that we make consumption our way of life, that we convert the buying and use of goods into rituals…

Victor Lebow, Journal of Retailing, 1955

Victor Lebow on Wikipedia - Detailed article and original paper

An old, old idea (continued)…

…that we seek our spiritual satisfaction, our ego satisfaction, in consumption … we need things consumed, burned up, replaced and discarded at an ever-accelerating rate.

Victor Lebow, Journal of Retailing, 1955

Enter the designer…

Clifford Brooks Stevens

Clifford Brooks Stevens on Wikipedia

Planned or built-in obsolescence

Instilling in the buyer the desire to own something a little newer, a little better, a little sooner than is necessary.

Clifford Brooks Stevens, 1954

Planned Obsolescence on Wikipedia

Perceived obsolescence

Planned style obsolescence occurs when marketers change the styling of products so customers will purchase products more frequently. The style changes are designed to make owners of the old model feel out of date.

Or in other words…

The systematic attempt of business to make us wasteful, debt-ridden, permanently discontented individuals".

Vance Packard: "The Waste Makers", 1960

Not our struggle…

apple vs. android

Fragmention is a given…

lots of different devices

A golden playground…

Temple run

That needs patching…

temple run patched bridge

Which line is longer?

Are these lines the same length?

The "too clever" trap

No they are not

Many, many, many awesome solutions…

If you want to be professional, use:

  • Bootstrap
  • Grunt
  • Ember
  • Backbone
  • jQuery
  • Sencha
  • Hammer.js
  • Emmett
  • Compass
  • SASS
  • LESS
  • Zepto.js
  • Angular.js
  • Dart
  • Livescript
  • Jasmine
  • Node.js
  • npm
  • Moustache

Many, many, many awesome demos…

Lots of shiny demos

http://fff.cmiscm.com/

We have an awesome overload!

Vomiting rainbows

A right start…

A laptop I set up for a friend

How do we disrupt?

Stop being scared!

Hedgehog doesn't like the adventure

Chill out, breathe…

Sleeping hedgehog

Stop copying!

Mona Lisa, copied badly

If you copy, kick arse!

Fastbook

Making of Fastbook

Go where others don't go!

Good guy Mozilla, wants you to play more than snake

That is Firefox OS

firefox phone

Replacing feature phones

Nokia couldn't take photos

Bring app discovery to the web…

The search interface of Firefox OS

Enable hardware access

  • Vibration API
  • Screen Orientation
  • Geolocation API
  • Mouse Lock API
  • Open WebApps
  • Network Information API
  • Battery Status API
  • Alarm API
  • Push Notifications API
  • WebFM API / FMRadio
  • WebPayment
  • IndexedDB
  • Ambient light sensor
  • Proximity sensor
  • Notification

Using WebAPIs to make the web layer more capable

Web Activities

Pick activity
  • configure
  • costcontrol
  • dial
  • open
  • pick
  • record
  • save-bookmark
  • share
  • view
  • new, f.e type: “websms/sms” or “webcontacts/contact”

https://wiki.mozilla.org/WebAPI/WebActivities

Work with others…

Foxkeh loves android

Don't make people think!

bananabread 3D engine

Mozilla is Unlocking the Power of the Web as a Platform for Gaming

So what can you do?

I'm gonna do an internet

Build context-aware apps…

lots of different devices

Go small, go offline!

Roaming costs

Fix the first-generation mobile web

Terrible mobile login interface

Trust and help the platforms

Browser ponies

Jump right in!

Jumping into a puddle

So many fun things…

  • WebRTC
  • GetUserMedia
  • WebActivities
  • WebAPIs
  • ShadowDOM
  • WebGL
  • Flexbox
  • Animations
  • Transforms
  • @supports
Jumping into a puddle

Thanks

that's all firefox