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.

1. Micycle

2.
Builds

3. an

4. App
By

5. Michael

6. Kowalski
@micycle

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