SlideShare a Scribd company logo

HTML5: Toolkits and Gaps

D
dylanks

The document discusses JavaScript toolkits and how they fill gaps in browser support. It focuses on the Dojo toolkit, its goals of providing modular, efficient code to enhance browser functionality, and how it has evolved from early versions to support new standards like HTML5. The document outlines features of Dojo like DOM manipulation, Ajax, graphics, and mobile support. It also introduces three mobile projects from the Dojo Foundation for different platforms.

Technology
1 of 19
Downloaded 29 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Toolkits and Gaps Dylan Schiemann (@dylans) SitePen, Inc. HTML5 Code Camp, October, 2010 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Toolkit Goals Fill gap, add features and enhancements Experiment Create clean APIs Beyond HTML5 Better widgets, charts, higher level APIs Allowed disagreement, on top of standards Opportunities, constraints, and conflict: Best toolkits make parts of themselves irrelevant over time vapor.js © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Browsers and Recommendations Are flawed Have inconsistencies Make invention possible, but trail behind Which is why we have and need good toolkits Iterate faster Different styles and taste © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Dojo Retrofitting itself for HTML5 support Removing obsolete features as appropriate Keeping compatibility and API consistency © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Dojo Toolkit: Project Goals Fill the Browser Gaps Fast & Efficient Modular, Small Base, Extensible Professional & Sophisticated Powerful Developer productivity and tools Push the limits (vector graphics, offline, html5, etc.) Open, free, & liberally licensed © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Toolkit Features Packages, Builds, Timing DOM Manipulation/Querying/Behavior Events (DOM, function to function, pubsub) Ajax (XHR, iframe, x-domain, form submits, polling, long-polling, and more) and Effects DnD & a11y/i18n Dijit (widget system, Layout, Form, WYSIWYG editor, Tree, Grid, many more) Vector Graphics (gfx, charting, drawing, SVG/Canvas/VML/Flash/Silverlight/SVGWeb) Data/JSON/REST/RPC Offline, Local Storage (Gears, HTML5, Flash, Cookies, etc.) Comet, XMPP, WebSocket Developer Utilities (build, test, documentation) Mobile © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Standards Dirty Hacks Innovation Inspired by Andy Hume © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
<font> <div> CSS © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
getElementsByTagName querySelectorAll dojo.query © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Dojo 0.1 netWindows Dojo 0.4 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Dojo 1.0 Dojo 0.4 Dojo 1.4 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Dojo 1.5 & 1.6 HTML5 Dojo 1.4 Dojo 2.0 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
How? Feature Detection data attributes sockets GFX Storage Dijit Mobile ... © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
3 Dojo Foundation Mobile Projects © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
WINK Toolkit Completely separate code base Innovative UI elements (3D useful for tight screen space Started by Orange Labs iPhone and Android apps, consistent look and feel, other platforms coming Most Experimental & Lean http://winktoolkit.org/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
EmbedJS Dojo APIs, stripped down for mobile and embedded Started by Uxebu Target each platform with its native look & feel TouchScroll, geolocation, etc. Most Complete http://github.com/uxebu/embedjs/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
DojoX Mobile Started in Dojo 1.5 Fix things in Dojo that break for mobile, API stable Merge features from EmbedJS, WINK Toolkit Feature Detection Support for many HTML5 features and beyond Most Stable for Dojo users © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
© SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
Q&A / Thanks SitePen sitepen.com Dojo Toolkit dojotoolkit.org Dojo Foundation dojofoundation.org Dijit dojotoolkit.org Dojo Campus dojocampus.org Twitter: @dylans @dojo @sitepen @cometdaily #dojo Slide Share: http://www.slideshare.net/dylanks/ LinkedIn: http://www.linkedin.com/in/dylans/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010

More Related Content

Similar to HTML5: Toolkits and Gaps (20)

PDF
Open End To End Js Stack
Skills Matter
 
PDF
WebSphere User Group UK: Larger Applications with Worklight
Andrew Ferrier
 
PDF
Zero To Dojo
Peter Higgins
 
KEY
Real-world Dojo Mobile
Andrew Ferrier
 
PDF
Building Real-World Dojo Web Applications
Andrew Ferrier
 
PDF
JavaOne 2011 - Going Mobile With Java Based Technologies Today
Wesley Hales
 
PDF
Mobile Widgets Development
Maximiliano Firtman
 
PDF
Inside Mobile Widgets Publish
360|Conferences
 
PDF
YUIConf 2010, YUI3 and Mobile Web Development
sdezzi
 
PDF
Web app and more
faming su
 
PDF
Web Apps and more
Yan Shi
 
PDF
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo
 
PDF
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
David Kaneda
 
PDF
Mobile Development with uPortal and Infusion
colinbdclark
 
PDF
Building Distributed JavaScript Widgets with jQuery
benvinegar
 
PDF
Compiling and Optimizing Your Own Browser with WebKit
Sencha
 
PDF
Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
jward5519
 
PDF
HTML5 and Sencha Touch
Patrick Sheridan
 
PDF
The YUI Library (Yahoo! Course @NCU)
Joseph Chiang
 
PDF
Complete Dojo
Girish Srivastava
 
Open End To End Js Stack
Skills Matter
 
WebSphere User Group UK: Larger Applications with Worklight
Andrew Ferrier
 
Zero To Dojo
Peter Higgins
 
Real-world Dojo Mobile
Andrew Ferrier
 
Building Real-World Dojo Web Applications
Andrew Ferrier
 
JavaOne 2011 - Going Mobile With Java Based Technologies Today
Wesley Hales
 
Mobile Widgets Development
Maximiliano Firtman
 
Inside Mobile Widgets Publish
360|Conferences
 
YUIConf 2010, YUI3 and Mobile Web Development
sdezzi
 
Web app and more
faming su
 
Web Apps and more
Yan Shi
 
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo
 
Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript
David Kaneda
 
Mobile Development with uPortal and Infusion
colinbdclark
 
Building Distributed JavaScript Widgets with jQuery
benvinegar
 
Compiling and Optimizing Your Own Browser with WebKit
Sencha
 
Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
jward5519
 
HTML5 and Sencha Touch
Patrick Sheridan
 
The YUI Library (Yahoo! Course @NCU)
Joseph Chiang
 
Complete Dojo
Girish Srivastava
 

Recently uploaded (20)

PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
What Makes Contify’s News API Stand Out: Key Features at a Glance
Contify
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PDF
Biography of Daniel Podor.pdf
Daniel Podor
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
What Makes Contify’s News API Stand Out: Key Features at a Glance
Contify
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Biography of Daniel Podor.pdf
Daniel Podor
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
Ad

HTML5: Toolkits and Gaps

  • 1. Toolkits and Gaps Dylan Schiemann (@dylans) SitePen, Inc. HTML5 Code Camp, October, 2010 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 2. Toolkit Goals Fill gap, add features and enhancements Experiment Create clean APIs Beyond HTML5 Better widgets, charts, higher level APIs Allowed disagreement, on top of standards Opportunities, constraints, and conflict: Best toolkits make parts of themselves irrelevant over time vapor.js © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 3. Browsers and Recommendations Are flawed Have inconsistencies Make invention possible, but trail behind Which is why we have and need good toolkits Iterate faster Different styles and taste © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 4. Dojo Retrofitting itself for HTML5 support Removing obsolete features as appropriate Keeping compatibility and API consistency © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 5. Dojo Toolkit: Project Goals Fill the Browser Gaps Fast & Efficient Modular, Small Base, Extensible Professional & Sophisticated Powerful Developer productivity and tools Push the limits (vector graphics, offline, html5, etc.) Open, free, & liberally licensed © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 6. Toolkit Features Packages, Builds, Timing DOM Manipulation/Querying/Behavior Events (DOM, function to function, pubsub) Ajax (XHR, iframe, x-domain, form submits, polling, long-polling, and more) and Effects DnD & a11y/i18n Dijit (widget system, Layout, Form, WYSIWYG editor, Tree, Grid, many more) Vector Graphics (gfx, charting, drawing, SVG/Canvas/VML/Flash/Silverlight/SVGWeb) Data/JSON/REST/RPC Offline, Local Storage (Gears, HTML5, Flash, Cookies, etc.) Comet, XMPP, WebSocket Developer Utilities (build, test, documentation) Mobile © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 7. Standards Dirty Hacks Innovation Inspired by Andy Hume © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 8. <font> <div> CSS © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 9. getElementsByTagName querySelectorAll dojo.query © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 10. Dojo 0.1 netWindows Dojo 0.4 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 11. Dojo 1.0 Dojo 0.4 Dojo 1.4 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 12. Dojo 1.5 & 1.6 HTML5 Dojo 1.4 Dojo 2.0 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 13. How? Feature Detection data attributes sockets GFX Storage Dijit Mobile ... © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 14. 3 Dojo Foundation Mobile Projects © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 15. WINK Toolkit Completely separate code base Innovative UI elements (3D useful for tight screen space Started by Orange Labs iPhone and Android apps, consistent look and feel, other platforms coming Most Experimental & Lean http://winktoolkit.org/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 16. EmbedJS Dojo APIs, stripped down for mobile and embedded Started by Uxebu Target each platform with its native look & feel TouchScroll, geolocation, etc. Most Complete http://github.com/uxebu/embedjs/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 17. DojoX Mobile Started in Dojo 1.5 Fix things in Dojo that break for mobile, API stable Merge features from EmbedJS, WINK Toolkit Feature Detection Support for many HTML5 features and beyond Most Stable for Dojo users © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 18. © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 19. Q&A / Thanks SitePen sitepen.com Dojo Toolkit dojotoolkit.org Dojo Foundation dojofoundation.org Dijit dojotoolkit.org Dojo Campus dojocampus.org Twitter: @dylans @dojo @sitepen @cometdaily #dojo Slide Share: http://www.slideshare.net/dylanks/ LinkedIn: http://www.linkedin.com/in/dylans/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010