Responsive design for children's books
0 likes1,167 views
Michael Kowalski discusses building a responsive app using HTML5 that can be accessed across different devices. He recommends a hybrid app approach that uses HTML5 to deliver content and native code for device features. This allows building apps that work on both iOS and Android using a single codebase, with responsive design ensuring content displays well on varied screen sizes.
Responsive design for children's books
- 1. Micycle
- 2. Builds
- 3. an
- 4. App By
- 5. Michael
- 7. What
- 8. kind
- 9. of
- 10. app
- 11. should
- 12. Micycle
- 13. build?
- 14. It
- 15. has
- 16. Words and
- 17. pictures Maybe
- 18. some
- 19. game
- 20. bits
- 21. It
- 22. tells
- 23. a
- 24. story
- 25. A
- 26. world
- 27. of
- 28. many
- 29. devices
- 30. Designing
- 31. for
- 32. an
- 33. unknown
- 34. number
- 35. of
- 36. page
- 37. sizes
- 38. is ...
- 39. quite
- 40. hard
- 41. Fixed
- 42. layout
- 43. -
- 44. one
- 45. size
- 46. only
- 47. Fixed
- 48. layout
- 49. doesn’t
- 50. scale
- 54. Responsive
- 55. design Little Big
- 56. A
- 57. paradigm
- 58. shift
- 59. No
- 60. more
- 61. pages
- 62. The
- 63. infinite
- 64. canvas
- 68. What
- 69. technology?
- 70. HTML5
- 71. is
- 72. responsive
- 73. iOS Android Accessible Smartphones Web Tablets Laptops Cross-platform Responsive layout TV Desktop Semantic Lightweight Non-proprietary Interactive Low lock-in Future proof Simple web technology
- 74. code native content HTML5 Hybrid
- 75. apps
- 76. Frameworks
- 77. for
- 78. hybrid
- 79. apps Allow
- 80. HTML5
- 81. to
- 82. talk
- 83. to
- 84. native
- 85. code.
- 86. Text
- 87. can
- 88. be
- 89. separated Hello Ciao
- 90. Every
- 91. app
- 92. from
- 93. scratch?
- 94. New
- 95. technical
- 96. skills
- 97. needed.
- 98. Repeatable
- 99. workflow
- 100. code native developer content HTML5 editorial
- 101. New
- 102. revenue
- 103. models
- 104. Bootstrapping
- 105. behaviour // Find things styled as wiggly var wigglies = $(“.wiggly”); // Watch for taps on wiggly things wigglies.on(“tap”, { // make it wiggle! $(this).addClass(“wiggling”); });
- 106. Hybrid
- 107. apps ✓Work
- 108. on
- 109. many
- 110. devices ✓Cheaper
- 111. to
- 112. develop ✓New
- 113. revenue
- 114. models ✓Repeatable
- 115. workflow
- 116. The
- 117. end. michael@getcontentment.com @micycle