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
Upcoming SlideShare
Loading in...5
×

Responsive design for children's books

805

Published on

Presentation given at Tools of Change Bologna 2013

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
805
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive design for children's books

  1. 1. Micycle
  2. 2.  Builds
  3. 3.  an
  4. 4.  App By
  5. 5.  Michael
  6. 6.  Kowalski @micycle
  7. 7. What
  8. 8.  kind
  9. 9.  of
  10. 10.  app
  11. 11.  should
  12. 12.  Micycle
  13. 13.  build?
  14. 14. It
  15. 15.  has
  16. 16.  Wordsand
  17. 17.  picturesMaybe
  18. 18.  some
  19. 19.  game
  20. 20.  bits
  21. 21. It
  22. 22.  tells
  23. 23.  a
  24. 24.  story
  25. 25. A
  26. 26.  world
  27. 27.  of
  28. 28.  many
  29. 29.  devices
  30. 30. Designing
  31. 31.  for
  32. 32.  an
  33. 33.  unknown
  34. 34.  number
  35. 35.  of
  36. 36.  page
  37. 37.  sizes
  38. 38.  is...
  39. 39.  quite
  40. 40.  hard
  41. 41. Fixed
  42. 42.  layout
  43. 43.  -
  44. 44.  one
  45. 45.  size
  46. 46.  only
  47. 47. Fixed
  48. 48.  layout
  49. 49.  doesn’t
  50. 50.  scale
  51. 51. Responsive
  52. 52.  design Little Big
  53. 53. A
  54. 54.  paradigm
  55. 55.  shift
  56. 56. No
  57. 57.  more
  58. 58.  pages
  59. 59. The
  60. 60.  infinite
  61. 61.  canvas
  62. 62. What
  63. 63.  technology?
  64. 64. HTML5
  65. 65.  is
  66. 66.  responsive
  67. 67. iOS Android Accessible SmartphonesWeb Tablets Laptops Cross-platform Responsive layout TVDesktop Semantic Lightweight Non-proprietary Interactive Low lock-in Future proof Simple web technology
  68. 68. code nativecontent HTML5 Hybrid
  69. 69.  apps
  70. 70. Frameworks
  71. 71.  for
  72. 72.  hybrid
  73. 73.  appsAllow
  74. 74.  HTML5
  75. 75.  to
  76. 76.  talk
  77. 77.  to
  78. 78.  native
  79. 79.  code.
  80. 80. Text
  81. 81.  can
  82. 82.  be
  83. 83.  separatedHello Ciao
  84. 84. Every
  85. 85.  app
  86. 86.  from
  87. 87.  scratch?
  88. 88. New
  89. 89.  technical
  90. 90.  skills
  91. 91.  needed.
  92. 92. Repeatable
  93. 93.  workflow
  94. 94. code nativedevelopercontent HTML5editorial
  95. 95. New
  96. 96.  revenue
  97. 97.  models
  98. 98. Bootstrapping
  99. 99.  behaviour// Find things styled as wigglyvar wigglies = $(“.wiggly”);// Watch for taps on wiggly thingswigglies.on(“tap”, { // make it wiggle! $(this).addClass(“wiggling”);});
  100. 100. Hybrid
  101. 101.  apps✓Work
  102. 102.  on
  103. 103.  many
  104. 104.  devices✓Cheaper
  105. 105.  to
  106. 106.  develop✓New
  107. 107.  revenue
  108. 108.  models✓Repeatable
  109. 109.  workflow
  110. 110. The
  111. 111.  end.michael@getcontentment.com @micycle
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×