32
Micycle Builds an App By Michael Kowalski @micycle

Responsive design for children's books

Embed Size (px)

DESCRIPTION

Presentation given at Tools of Change Bologna 2013

Citation preview

Page 1: Responsive design for children's books

Micycle����������� ������������������  Builds����������� ������������������  an����������� ������������������  App

By����������� ������������������  Michael����������� ������������������  Kowalski@micycle

Page 2: Responsive design for children's books

What����������� ������������������  kind����������� ������������������  of����������� ������������������  app����������� ������������������  should����������� ������������������  Micycle����������� ������������������  build?

Page 3: Responsive design for children's books

It����������� ������������������  has����������� ������������������  Wordsand����������� ������������������  picturesMaybe����������� ������������������  some����������� ������������������  game����������� ������������������  bits

Page 4: Responsive design for children's books

It����������� ������������������  tells����������� ������������������  a����������� ������������������  story

Page 5: Responsive design for children's books

A����������� ������������������  world����������� ������������������  of����������� ������������������  many����������� ������������������  devices

Page 6: Responsive design for children's books

Designing����������� ������������������  for����������� ������������������  an����������� ������������������  unknown����������� ������������������  number����������� ������������������  of����������� ������������������  page����������� ������������������  sizes����������� ������������������  is...����������� ������������������  quite����������� ������������������  hard

Page 7: Responsive design for children's books

Fixed����������� ������������������  layout����������� ������������������  -����������� ������������������  one����������� ������������������  size����������� ������������������  only

Page 8: Responsive design for children's books

Fixed����������� ������������������  layout����������� ������������������  doesn’t����������� ������������������  scale

Page 9: Responsive design for children's books
Page 10: Responsive design for children's books
Page 11: Responsive design for children's books
Page 12: Responsive design for children's books

Responsive����������� ������������������  design

Big

Little

Page 13: Responsive design for children's books

A����������� ������������������  paradigm����������� ������������������  shift

Page 14: Responsive design for children's books

No����������� ������������������  more����������� ������������������  pages

Page 15: Responsive design for children's books

The����������� ������������������  infinite����������� ������������������  canvas

Page 16: Responsive design for children's books
Page 17: Responsive design for children's books
Page 18: Responsive design for children's books
Page 19: Responsive design for children's books

What����������� ������������������  technology?

Page 20: Responsive design for children's books

HTML5����������� ������������������  is����������� ������������������  responsive

Page 21: Responsive design for children's books

Cross-platform Responsivelayout

Accessible

Semantic Lightweight

InteractiveNon-proprietary

iOSAndroid

Web

Low lock-in Future proof

SmartphonesTablets

Laptops

TV

Simple webtechnology

Desktop

Page 22: Responsive design for children's books

native

HTML5

Hybrid����������� ������������������  apps

code

content

Page 23: Responsive design for children's books

Frameworks����������� ������������������  for����������� ������������������  hybrid����������� ������������������  apps

Allow����������� ������������������  HTML5����������� ������������������  to����������� ������������������  talk����������� ������������������  to����������� ������������������  native����������� ������������������  code.

Page 24: Responsive design for children's books

Text����������� ������������������  can����������� ������������������  be����������� ������������������  separated

Hello Ciao

Page 25: Responsive design for children's books

Every����������� ������������������  app����������� ������������������  from����������� ������������������  scratch?

Page 26: Responsive design for children's books

New����������� ������������������  technical����������� ������������������  skills����������� ������������������  needed.

Page 27: Responsive design for children's books

Repeatable����������� ������������������  workflow

Page 28: Responsive design for children's books

native

HTML5

developer

editorial

code

content

Page 29: Responsive design for children's books

New����������� ������������������  revenue����������� ������������������  models

Page 30: Responsive design for children's books

Bootstrapping����������� ������������������  behaviour

// Find things styled as wigglyvar wigglies = $(“.wiggly”);

// Watch for taps on wiggly thingswigglies.on(“tap”, { // make it wiggle! $(this).addClass(“wiggling”);});

Page 31: Responsive design for children's books

Hybrid����������� ������������������  apps

✓Work����������� ������������������  on����������� ������������������  many����������� ������������������  devices

✓Cheaper����������� ������������������  to����������� ������������������  develop

✓New����������� ������������������  revenue����������� ������������������  models

✓Repeatable����������� ������������������  workflow

Page 32: Responsive design for children's books

The����������� ������������������  end.

@[email protected]