On December 2010, Tiki moved to HTML5 (released as part of Tiki7.)
The plan
- Tiki7 is HTML5. If you need to stay HTML4, stay with Tiki6 LTS.
- Tiki8: Improve, expand HTML5 implementation
- Adjust existing new HTML5 elements.
- Side columns
With the switch to HTML5, the side columns were changed from div to aside but this isn't necessarily semantically accurate, depending on what's in the columns. These should probably be changed back to generic divs. (Done r35808.)
- Side columns
- Modules should be configurable to use either div.box or a new HTML5 element such as article or aside, so this can be set as a module parameter.
- Add new HTML5 elements where they aren't implemented yet.
- Adjust existing new HTML5 elements.
Related wishes
- WebRTC
- Offline Tiki: add a way to save/view content offline
- Use any font in Tiki (not just web fonts) HTML5
- Integrating fotonotes or wikigraphe or DOM Image Annotation to the Image gallery
- Image Manipulation (image cropping, color changing, watermark, etc.)
- Drag & drop uploads, with Flash, Java applet or HTML5
- srcset attribute
Related pages
- http://www.bigbluebutton.org/2012/10/02/progress-on-bigbluebutton-html5-client/
- Browser Compatibility
- WebSockets
- Mass operations to do after the Semi-automatic merging period
ToDo
-
announce switch from XHTML 1.0 Transitional doctype to HTML5 on dev-list - change Tiki HTML
head
code so role attribute validates - experiment with Apache Callback
- Add support for Microdata
+ Preference option/textfield needed for html tag attributes itemscope and itemtype.
+ Reference: http://www.w3.org/TR/html5/microdata.html and http://schema.org/
+ Use case: Google +1 button: http://www.google.com/intl/en/webmasters/+1/button/index.html
Demo theme started
I started a demo theme at Zukakakina.com that will use HTML5 elements, etc., as much as possible. Select the htmlgo.css theme to check it out ("go" is a translation of "5" in Japanese). So far, the doctype and language specifications are changed, the header, footer, and nav elements have been added (and given appropriate class or id to stay compatible with stylesheets), and a javascript linked to in order to support IE. The changes for the theme are minimal, and are in theme-specific .tpl files, so far just header.tpl, tiki.tpl and tiki-sitemenu.tpl. Next is to make the element name changes in the middle section of the page.
Later, there would|will be changes needed beyond the theme level such as in Smarty blocks that produce display code, to change or add appropriate elements. (Gary)
Also interesting
Related (external) links
- http://www.phpguru.org/static/html5);">http://www.phpguru.org/static/html5
- http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html);">http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html
- http://www.infoworld.com/d/developer-world/html-5-could-it-kill-flash-and-silverlight-291);">http://www.infoworld.com/d/developer-world/html-5-could-it-kill-flash-and-silverlight-291
- http://code.google.com/p/explorercanvas/);">http://code.google.com/p/explorercanvas/
- http://www.webmonkey.com/blog/HTML_5_Won_t_Be_Ready_Until_2022DOT_Yes__2022DOT
- http://coffeeonthekeyboard.com/reservations-about-html5-271/);">http://coffeeonthekeyboard.com/reservations-about-html5-271/
- http://mashable.com/2010/01/21/stars-wars-opening-in-html5/);">http://mashable.com/2010/01/21/stars-wars-opening-in-html5/
- http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/);">http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/
- http://www.modernizr.com/);">http://www.modernizr.com/
- http://cmsreport.com/content/2010/02/wordpress-and-html-5-video);">http://cmsreport.com/content/2010/02/wordpress-and-html-5-video
- http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/
- http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library
- EnhanceJS is a new Javascript framework designed to improve the application of Progressive Enhancement by first testing browser capabilities for key Javascript and CSS support before applying advanced styles and scripts to the page.
- http://mashable.com/2010/10/12/how-to-export-your-illustrator-images-to-html5-canvas/
- http://www.w3.org/TR/webmessaging/
- http://html5boilerplate.com/
- http://www.slideshare.net/retomeier/html5-or-android-for-mobile-development
- https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills