Subversion Repository Public Repository

litesoft

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
W3C - 15NOV2011

 8:40am -  9:10am - TESTING TO PERFECTION ........................................................................... Philippe Le Hégaret (W3C)

	One Browser Manufacturer as 250K tests for Browser, but thinks they need 800K+!

	Automated Screen Compare? Not Currently for all Platforms, but some.  Wasn't clear if they are currently using it where it is available. Web Driver API should help here. 

	Web Driver API - ? Accessibility?


 9:10am -  9:55am - COMMUNITY GROUPS: A CASE STUDY WITH WEB PAYMENTS ................................................ Manu Sporny (Digital Bazaar)

	Community Groups - Start or Join existing

	e.g. - Web Payments CG - PaySwarm - devpayswarm.com - RESTful API

		www.w3.org/community/

	Cripto-Currency : Bitcoin


 9:55am - 10:10am - SHORTCUTS: DEVELOPER DOCUMENTATION .............................................................. Doug Schepers (W3C)

	W3Schools.com
	W3Fools.com
	MDN (Mozilla Developer Network)


11:00pm - 11:45pm - 5 CSS MAGIC POTIONS FOR YOUR LAYOUT TROUBLES FROM THE FUTURE .................................... Divya Manian (Opera)

	GCPM - Generated Content Page Managed: supports Paging either vertically or horizontally

	Multiple Columns: Newspapaer like column support.

	Regions: contents flow "thru" a number of elements, initial uses "flow-from", subsequent use "flow-into".

	Exclusions: wrapping of inline content that excludes the exluded elements.  Supports Custom Shapes, e.g.  "shape-outside: circle(...)"

	Grid: supports Fixed / auto (constrained) sizing with "tables" w/ non uniform cells.  Columns/rows addressable by letter, and cells by letter "pair".

	Flexbox: easy positioning of content in a "box".


11:45am - 12:30pm - WEB GRAPHICS – A LARGE CREATIVE PALETTE ......................................................... Vincent Hardy (Adobe)

	Two Models:
		Imperitive - Pixel oriented
		SVG - Object oriented

	Some Frameworks:

		Paper.js
		Easle.js
		D3.js

	CANVG - translate SVG to Canvas.


 1:30pm -  2:10pm - WEB PERFOMANCE: MAKING THE WEB FASTER ........................................................... Arvind Jain (Google)

	Web Timing API:

		Navigation:

			Window / Navigation
		
		Resource:

			images, script, object, iFrame, ...

		User:

			Developer can create timing objects by name

		Performance:

			Wrapper around the other three.

	    Tools:

		WebPageTest.org
		Boomerang
		Google Analytics

	Page Visibility API:

		On Document, can register for visibilityChange w/ two variables

			hidden : boolean
			visibilityState: Hidden, Visible, Preview

	     YUI Idle Timer

	Resource Bundling will hopefully be replaced "soon" by "request bundling" at the C/S comm layer.


 2:10pm -  2:25pm - SHORTCUTS: GETTING OFF (LINE) WITH THE HTML5 APPCACHE ........................................... John Allsopp (Web Directions)

	Discussion around Off-line Html Apps...

	mime type MUST be "text/cache-manifest"

	ManifestR bookmarklet!

	webdirections.org/blog


 2:25pm -  3:10pm - THE N-SCREENS PROBLEM: BUILDING APPS IN A WORLD OF TV AND MOBILES ............................... Rajesh Lal (Nokia)

	The 3 Platforms:

		Mobile Phone,
		Tablet,
		TV (Web), &
		PC

	7 Key Challenges:

		1) Which Features Screen Supports
		2) How to adapt the layout to the device form factor

			Screen Resolution,
			Orientation

			Media Queries allow for Resolution &/ Aspect Ratio &/ Orientation to load different CSS files

		3) Advanced Styles with CSS3

			Browser Prefix...

		4) Animation

		5) How to use Audio-Video

			Audio Tag in HTML5, NOT suitable for Sound Effects!

		6) How to use Ajax and do Cross Domain call?

		7) How to use HTML5 advanced APIs in all Screens

			PolyFills & Shims

	Modernizr!


 3:40pm -  4:25pm - THE GREAT HTML5 DIVIDE: HOW POLYFILLS AND SHIMS LET YOU LIGHT UP YOUR SITES ..................... Rey Bango (Microsoft)

	Features!, not Browser; Browsers can (and should be allowed to) depricate "legacy" methods.

	PolyFills simulate HTML5 apis!  Shims have thier own APIs.

	Modernizr!

	Feature Detection & PloyFills (See Modernizr).

	HTML5Reset.css

 4:25pm -  4:40pm - SHORTCUTS: WEB TYPOGRAPHY ....................................................................... Christopher Slye (Adobe)

	WOFF - Web Open Format Font

	 Server delivered (to Browser) Fonts 

	fontspring.blog

	Web Font Services

	OpenType layout w/ custom font/layout options...


 4:40pm -  5:25pm - HTML5: THE FOUNDATION OF THE WEB PLATFORM ....................................................... Paul Irish (Google)

	Really Fun to listen to!

	live DOM viewer

	Optional tags: html, head, body, tbody

	Optional end-tags: p, td, tr

	Mothereffing CSS

	Slides: goo.gl/9NvjU


W3C - 15NOV2011

 8:35am -  9:20am - HTML5 DEMO FEST: THE BEST FROM THE WEB .......................................................... Giorgio Sardo (Microsoft)

	10K Apart

	HTM5 File API


 9:20am -  9:35am - SHORTCUTS: DATA VISUALIZATION WITH WEB STANDARDS ................................................ Mike Bostock (Square)

	Information Visualization:... (Book)

	D3: Graphing / Charting - HeatMap!


10:05am - 10:50am - UNIVERSAL ACCESS: A PRACTICAL GUIDE TO ACCESSIBILITY, ARIA, AND SCRIPT .......................... Becky Gibson (IBM)

	ARIA - Accessible Rich Internat Application

	A12345678901y -> A11y
	Accessability

	alt text on labels (empty for presentation images)

	Label for='xxx'

	tables and divs that are just for layout add role='presentation'.

	High Contrast mode - CSS & Detection?

	use aria-live='xxx' - might be able to be used to indicate busyness for testing!


10:50am - 11:35am - SECURING THE NEXT GENERATION OF WEB APPS ........................................................ Brad Hill (Paypal),
                                                                                                                      Scott Stender (iSEC Partners)
	OWASP site for security research start.

	Web-App Hosting Apps can expose the whole machine to XSS attacks.

	Use HttpOnly cookies - isolate from the DOM the session data.  How?

	Minimize foreign origins - host 3rd party js your self! (prevents attacks on 3rd party from effecting you)

	iFrame sandbox for user / 3rd party content (null origin)

	WebDriver & Selenium for Testing!

	Clickjacking:

		"like", "+1", Pay, ...

		'Pay' can be reversed!


12:35pm - 12:50pm - SHORTCUTS: TOUCH EVENTS ......................................................................... Grant Goodale (Massively Fun)

	Disable standard gesture handling (pan / zoom / scroll)

	Handle rendering in a loop

	Support single-touch devices (e.g. Android phones)

	Handle mouse events.

	Many devices synthesize mouse events from touch events (and the mouse events are generated "lock-step" "behind" the touch events)!


12:50pm -  1:35pm - HELLO. GAMES. HTML5 GAMING TODAY ................................................................ Grant Skinner (gskinner.com)

	Asset manifest, w/ asset loading w/ timing eval, w/ predictive "loading..." progress bar, with hockey-stick (longer at the "end" so as to surprise the user positively)

	Three.js (3d? lib)

	Sound Sprites

	Network Status API

	use "strict mode" for JS

	js objects: seal, frees=ze, prevent extension!

	js: dynamic nature can make tracking down issues dificult!

	sprite sheets: Flash, Zoe, TexturePacker

	2D: Wallaby, SVG to Canvas, EaselJS


 1:35pm -  2:05pm - SHORTCUTS: MODERNIZR IN 15 MINUTES .............................................................. Faruk Ateş

	Initialize <html class="no-js">

	Modernizer will replace "no-js" w/ "js ..." where ... is all the other HTML5 features either "there" or "no-there".

	Automatically includes "HTML5 shiv" the IE6-8 js code to add the HTML5 symantic elements.

	yepnope.js automatically 

	Modernizer.load([ {
		test: ???,
		yep: "xxx.js",
		nope: "yyy.js"
	}]);

	Also check out: 


 2:35pm -  3:45pm - PANEL: BROWSERS AND STANDARDS: WHERE THE RUBBER HITS THE ROAD ................................... Panel:
					Art Barstow (Nokia), Paul Cotton (Microsoft), Tantek Çelik (Mozilla),
					Charles McCathieNevile (Opera), Chris Wilson (Google), Peter Vosshall (Amazon)
	JS Replacements ?
		DART
		Native Client





















Commits for litesoft/trunk/Documents/2011-11-W3C.txt

Diff revisions: vs.
Revision Author Commited Message
584 GeorgeS picture GeorgeS Fri 18 Nov, 2011 17:53:52 +0000