1. Otevřený web a jeho současný stav Ondřej Kučera 30. 9. 2010

2. <prologue>

6. Unicorn College

8. prohlížeč: Opera

9. editor: Emacs

11. [email_address]

12. <history>

14. Běžný text prokládaný speciálními značkami se známou sémantikou

17. ISO standard (ISO 8879:1986)

18. Následník jazyka GML (C. Goldfarb, E. Mosher, R. Lorie pro IBM v 60. letech)

22. vynechávání koncových tagů ( <p>Foo.<p>Bar. )

23. vynechávání počátečních tagů ( <table><tr><td></td></tr></table> )

30. Tim Berners-Lee

33. „poslední verze HTML“

43. Netscape

46. <future>

48. cite, dfn, code, samp, kbd, var, abbr, acronym, q, blockquote

56. application/xhtml+xml

57. <open-web>

59. Open Source Implementations

60. No Vendor Lock-In

61. Anyone Can Innovate

62. Universal Powerful Clients

64. Opera Mini

65. <structure>

66. Struktura

68. Struktura

69. Struktura: IE

70. http://www.directindustry.com/prod/jicey/edge-bonded-shim-7922-38019.html Shim

72. podložka

73. záplata

74. distanční měrka

75. příložka (plechová)

76. vymezovací podložka

77. vyrovnat (příložkami)

78. destička pro nastavení vůle

79. kotouček pro nastavení vůle

80. vyrovnávací podložka

82. a thin slip or wedge of metal, wood, etc., for driving into crevices, as between machine parts to compensate for wear, or beneath bedplates, large stones, etc., to level them.

85. Struktura: shim pro IE document.createElement(&quot;header&quot;)

87. <media>

88. Video <video src=&quot;sample.ogv&quot; controls>

90. WebM: Opera, Chrome

92. Oficiální buildy Chromia nemají podporu H264

93. Linuxové prohlížeče obvykle používají systémové kodeky

94. Audio <audio src=&quot;sample.ogg&quot; controls>

96. Ogg Vorbis: Firefox, Opera, Chrome

97. AAC: ?

98. MP3: Chrome, Safari

100. Linuxové prohlížeče obvykle používají systémové kodeky

101. <canvas>

102. Canvas <canvas width=&quot;800&quot; height=&quot;450&quot;></canvas> var ctx = document.getElementsByTagName(&quot;canvas&quot;) [0].getContext(&quot;2d&quot;); ctx.beginPath(); ctx.moveTo(0, 0); ctx.lineTo(ctx.canvas.width/2, ctx.canvas.height/2); ctx.strokeStyle = &quot;#ff0000&quot;; ctx.lineWidth = 5; ctx.stroke();

105. Text

107. Webkit build

108. Firefox 4

109. <svg>

112. <web-forms>

113. Web forms <input type=&quot;url&quot;> <input type=&quot;email&quot;> <input type=&quot;datetime&quot;> <input type=&quot;range&quot;> <input type=&quot;text&quot; required> <input type=&quot;text&quot; pattern=&quot;{6}/?{3,4}&quot;>

115. internacionalizace

116. ovlivnění chování výchozích validací

117. …

118. <drag-and-drop>

119. Drag and drop <div ondrop=&quot;drop(this, event)&quot; ondragenter=&quot;return false&quot; ondragover=&quot;return false&quot;>...</div> <img src=&quot;picture.png&quot; ondragstart=&quot;drag(this, event)&quot;> function drag(target, e) { ... } function drop(target, e) { ... }

120. Drag and drop API

122. MooTools Drag and Drop

123. dojo.dnd

124. jQuery UI Draggable

125. …

126. <ajax-history>

130. YUI Browser History Manager

131. dsHistory

132. <storage>

134. localStorage.getItem(key)

136. pracuje se i na implementaci ve WebKitu

137. <cross-domain-messaging>

139. <web-workers>

141. <css>

143. IE: čím vyšší verze, tím lépe

145. Kulaté rámečky

146. Vícesloupcový layout

147. RGB, HSL, alfa kanál

148. … (několik desítek modulů)

149. I na úrovni specifikace je jen máloco stabilní

150. <web-fonts>

152. Firefox: TrueType, OpenType, Web Open Font Format

153. Opera: TrueType, OpenType, SVG

154. Safari: TrueType, OpenType, SVG

155. Chrome (--enable-remote-fonts): TrueType, OpenType, SVG, Web Open Font Format

157. <media-queries>

159. viditelná výška/šířka, výška/šířka zařízení, poměr stran, orientace (na výšku, na šířku), barevnost, rozlišení (dpi), …

160. <rich-text-editing>

161. Rich text editing

162. <js-frameworks>

164. vrstva kompatibility

165. API pro snadnější manipulaci s DOMem

167. <fast-javascript>

169. Firefox 3.6.10

170. Opera 10.62

171. Safari 5.0.2

172. Google Chrome 6.0.472.63

173. Konqueror 4.4.4

174. V8 Benchmark Suite

175. SunSpider

176. Dromaeo DOM Core Tests

177. Dromaeo CSS Selector Tests

178. <xml>

180. Namespaces in XML

183. XSLT

185. <conclusion>

187. <bonus>

188. Net Applications (srpen 2010)

189. AT Internet Institute (červen 2010)

190. TOPlist (září 2009)

191. StatCounter – svět (září 2010) 49.9 31.5 11.5 4.4 2.0

192. StatCounter – Evropa (září 2010) 40.2 39.0 11.3 4.5 4.3

193. StatCounter – ČR (září 2010) 42.5 32.5 12.2 9.9 2.1

194. StatCounter – Ukraina (září 2010) 36.5 32.8 19.6 9.2 1.1

195. StatCounter – ČR (září 2010)

196. gemiusRanking (září 2010)

197. <sources>

199. http://diveintohtml5.org/semantics.html

200. http://people.opera.com/howcome/2007/video/wikipedia/macaw.html

201. http://camendesign.com/code/video_for_everybody/test.html

202. http://www.mp3-tech.org/content/?48kbps%20AAC%20public%20test

203. http://diveintohtml5.org/canvas.html

204. http://excanvas.sourceforge.net/

206. http://canvex.lazyilluminati.com/83/play.xhtml

207. http://www.nihilogic.dk/labs/prettyfloat/example.htm

208. http://bomomo.com/

209. http://bluff.jcoglan.com/

210. http://media.liquidx.net/static/canvasgraph/tests.html

211. http://www.rgraph.net/

212. http://www.planetsvg.com/content/svg-solutions-internet-explorer

213. http://code.google.com/p/reallysimplehistory/

214. http://code.google.com/p/dshistory/

216. http://webkit.org/misc/DatabaseExample.html

217. http://gears.google.com/

218. http://www.dojotoolkit.org/

219. http://jquery.com/

220. http://mootools.net/

221. http://www.prototypejs.org/

222. http://script.aculo.us/

223. http://developer.yahoo.com/yui/

224. http://v8.googlecode.com/svn/data/benchmarks/v5/run.html

226. http://dromaeo.com/

227. http://www.w3.org/Style/CSS/current-work

228. http://www.webexpo.cz/prednaska/moderni-webdesign-ii/

229. http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

230. http://people.opera.com/dstorey/web-fonts3.html

231. http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx

233. http://marketshare.hitslink.com/browser-market-share.aspx?qprid=0

234. http://gs.statcounter.com/

235. http://met.blog.root.cz/2009/10/12/podily-prohlizecu-nejen-u-nas-aneb-rozhledneme-se-okolo/

236. http://www.rankings.cz/en/rankings/web-browsers-groups.html

237. <discussion>

238. </>