• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Responsive design for children's books
 

Responsive design for children's books

on

  • 947 views

Presentation given at Tools of Change Bologna 2013

Presentation given at Tools of Change Bologna 2013

Statistics

Views

Total Views
947
Views on SlideShare
837
Embed Views
110

Actions

Likes
0
Downloads
6
Comments
0

4 Embeds 110

http://www.scoop.it 87
https://twitter.com 17
http://www.linkedin.com 5
http://blog.getcontentment.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Responsive design for children's books Responsive design for children's books Presentation Transcript

    • Micycle
    •   Builds
    •   an
    •   App By
    •   Michael
    •   Kowalski @micycle
    • What
    •   kind
    •   of
    •   app
    •   should
    •   Micycle
    •   build?
    • It
    •   has
    •   Wordsand
    •   picturesMaybe
    •   some
    •   game
    •   bits
    • It
    •   tells
    •   a
    •   story
    • A
    •   world
    •   of
    •   many
    •   devices
    • Designing
    •   for
    •   an
    •   unknown
    •   number
    •   of
    •   page
    •   sizes
    •   is...
    •   quite
    •   hard
    • Fixed
    •   layout
    •   -
    •   one
    •   size
    •   only
    • Fixed
    •   layout
    •   doesn’t
    •   scale
    • Responsive
    •   design Little Big
    • A
    •   paradigm
    •   shift
    • No
    •   more
    •   pages
    • The
    •   infinite
    •   canvas
    • What
    •   technology?
    • HTML5
    •   is
    •   responsive
    • iOS Android Accessible SmartphonesWeb Tablets Laptops Cross-platform Responsive layout TVDesktop Semantic Lightweight Non-proprietary Interactive Low lock-in Future proof Simple web technology
    • code nativecontent HTML5 Hybrid
    •   apps
    • Frameworks
    •   for
    •   hybrid
    •   appsAllow
    •   HTML5
    •   to
    •   talk
    •   to
    •   native
    •   code.
    • Text
    •   can
    •   be
    •   separatedHello Ciao
    • Every
    •   app
    •   from
    •   scratch?
    • New
    •   technical
    •   skills
    •   needed.
    • Repeatable
    •   workflow
    • code nativedevelopercontent HTML5editorial
    • New
    •   revenue
    •   models
    • Bootstrapping
    •   behaviour// Find things styled as wigglyvar wigglies = $(“.wiggly”);// Watch for taps on wiggly thingswigglies.on(“tap”, { // make it wiggle! $(this).addClass(“wiggling”);});
    • Hybrid
    •   apps✓Work
    •   on
    •   many
    •   devices✓Cheaper
    •   to
    •   develop✓New
    •   revenue
    •   models✓Repeatable
    •   workflow
    • The
    •   end.michael@getcontentment.com @micycle