DocType HTML5 Bangalore

From HasGeek
Jump to: navigation, search

The In city::Bangalore edition of DocType HTML5 on Event date::October 9, 2010 was the first in the series and also HasGeek's first event. NSRCEL hosted the event at the At venue::Indian Institute of Management Bangalore and Has sponsor::Microsoft sponsored it.



See main article at DocType HTML5.


An initial agenda was drawn up by the content team. This was then used for the participant survey to determine levels of interest in each topic.

  1. Business Case for HTML5
    • The productivity loss due to IE6's legacy
  2. History, Summary and New Ideas
    • Vendor push: NN4, IE4, Firefox, Safari, and now Chrome
    • Standards track: W3C vs WHAT-WG
    • The lesson from XHTML and previously, WML
    • The standards and proposals of the HTML5 family
    • Semantic markup and backward compatibility
    • Accessibility (ARIA)
    • Upgrading browsers: Chrome's auto-update and Chrome Frame for IE
    • New Javascript APIs
  3. CSS3 and Presentation
    • What's new in CSS3
    • The box model revisited
    • Borders, transitions, transforms, shadows, animations
    • The pitfalls of vendor-specific markup
    • The pain of maintaining IE6 compatibility
    • Handling IE8's funky mode switching. Quirks mode
    • Dealing with FOUC: Flash of Unstyled Content
    • Web fonts and typography on the web
  4. Multimedia
    • Canvas
    • Video
    • Audio
    • Games (including DOM+CSS)
    • Improving performance using sprites rather than individual images
  5. Location, Offline and Mobile
    • Geolocation
    • Application cache
    • Local storage: SQL and indexed
    • Mobile CSS
    • Mobile platforms and supported features
    • Lightweight and high performance
      • Javascript at bottom of page, after content
      • Cached selectors, chaining as much as possible
      • Selection pattern (tags before classes, etc.), IDs instead of classes
      • String concat - use join()
      • Bubble events


The event had five content sessions of an hour each. The second was split into two to accommodate two speakers.

Time Session Speaker Materials
09:00 - 10:00 Registration
10:00 - 10:15 Introduction Has speaker::Pradeep Banavara and Has speaker::Kiran Jonnalagadda Video
10:15 - 11:15 Business Case for HTML5 Has speaker::Harish Ranganathan Video
11:15 - 11:45 New Ideas in HTML5 Has speaker::Kiran Jonnalagadda Video
11:45 - 12:15 Accessibility Has speaker::Shwetank Dixit Video, Slides
12:15 - 12:30 Tea & Coffee Break
12:30 - 01:30 CSS3 and Presentation Has speaker::Shwetank Dixit Video, Slides
01:30 - 02:30 Lunch Break
02:30 - 02:45 Quiz Has speaker::Ravi Srinivasan Video
02:45 - 03:45 Multimedia Kit Has speaker::Shreyas Srinivasan with Has speaker::Akash Manohar Video, Slides
03:45 - 04:00 Tea & Coffee Break
04:00 - 05:00 Location, Offline and Mobile Has speaker::Dhaval Trivedi Video, Slides
05:00 - 05:15 Closing Remarks

See paid pitches concept note. The event had two pitches from DotAhead (video) and Studio March (video).

Participation and Feedback


  • 453 registrations
  • 320 were approved against a venue capacity of 250
  • 115 of the 320 answered a survey on agenda for the event
  • 194 confirmed their presence two days before the event. 40 said they couldn't come
  • 173 signed in at venue before the registration desk closed. The caterer counted 225 plates for lunch
  • 131 filled out a feedback form


Results from 131 feedback forms:

  1. Were you present for the full event?
    • Yes: 85.5%
    • No, missed pre-lunch sessions: 3.8%
    • No, missed post-lunch sessions: 10.7%
  2. Was the start of the event (10 AM) at a convenient time for you?
    • Yes: 93.9%
    • No: 6.1%
  3. You found the content of the overall workshop
    • Relevant and useful: 58.7%
    • Partially relevant: 37.3%
    • A minor let-down: 4.0%
  4. Pick TWO sessions that you liked the most
  5. Did you like the spread at lunch?
    • Yes: 96.9%
    • No: 3.1%
  6. Was the coffee/tea served satisfactorily?
    • Yes: 94.3%
    • No: 5.7%


Several individuals contributed to the event.





Personal tools