Multiscreen HTML5 and Responsive HTML55


Published on

These are the slides for my webinar on Multiscreen HTML5 and Responsive HTML5 in RoboHelp.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Multiscreen HTML5 and Responsive HTML55

  1. 1. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Easily create, manage, and deliver rich, interactive content experiences across screens RoboHelp 11 Sess 1) HTML5 Single Source vs. Responsive Layout Maxwell Hoffmann | Adobe Product Evangelist | Twitter @maxwellhoffmann | Willam van Weelden | Tech Writer, etc. | |
  2. 2. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. WATCH THE LIVE WEBINAR  These slides accompanied a live webinar, featuring Willem van Weelden, held on 19 March 2014.  To view the webinar, click the link below, and use your credentials for User ID and Password: 2
  3. 3. Responsive HTML5 Responsive HTML5 Creating HTML5 output with RoboHelp
  4. 4. Technical writer & Functional designer Consulting Training Help for 16 applications Loves: reading, philosophy and studying IntroductionIntroduction
  5. 5. HTML for the interactive web Widely supported Specification not final HTML5HTML5
  6. 6. Author in XHTML Create all kinds of output, including: Multiscreen HTML5 Responsive HTML5 RoboHelp capabilitiesRoboHelp capabilities
  7. 7. Adaptive: Content and layout specific for every device. Multiscreen HTML5 Responsive: Layout specific for device Responsive HTML5 Adaptive vs ResponsiveAdaptive vs Responsive
  8. 8. Pro of adaptive help: Fine grained control of content. Layout fits device OS. Allows you to choose which devices you want to support. Cons of adaptive help: You need to specify every device with Screen Layouts. Visiting help with several devices may give a different experience. Adaptive vs ResponsiveAdaptive vs Responsive
  9. 9. Pros of responsive help: Easy to configure. Device agnostic. Every device has a consistent experience. Cons of responsive help: Content is the same for all devices. Adaptive vs ResponsiveAdaptive vs Responsive
  10. 10. Choose Multiscreen HTML5 if: You need specific content for a device. You include Captivate movies for both desktop and mobile. You want a specific Screen Layout for different devices. Choose Responsive HTML5 if: All other scenarios. Which do you need?Which do you need?
  11. 11. Use the Responsive HTML5 layout for Multiscreen HTML5 Layouts consistent on all devices. Only specific content for the devices you choose. Best of both worldsBest of both worlds
  12. 12. Questions?Questions? Willam van Weelden @WvWeelden
  13. 13. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Contact Information 13 Information Willam van Weelden Writer/Functional designer Web Email Twitter @WvWeelden Maxwell Hoffmann Adobe Systems, Inc. Product Evangelist Blog Blog Twitter @maxwellhoffmann & @AdobeTCS Email Web LinkedIn Facebook Adobe Technical Communication Professionals Previously recorded eSeminars: Calendarof upcoming eSeminars: