Multiscreen HTML5 and Responsive HTML55
-
Upload
wvanweelden -
Category
Technology
-
view
396 -
download
1
description
Transcript of Multiscreen HTML5 and Responsive HTML55
![Page 1: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/1.jpg)
© 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 | [email protected] van Weelden | Tech Writer, etc. | www.wvanweelden.eu | [email protected]
![Page 2: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/2.jpg)
© 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 Adobe.com credentials for User ID and Password:
http://adobe.ly/1eSJfvv
2
![Page 3: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/3.jpg)
Responsive HTML5
Responsive HTML5
Creating HTML5 output with RoboHelp
![Page 4: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/4.jpg)
Technical writer & Functional designer
ConsultingTrainingHelp for 16 applications
Loves: reading, philosophy and studying
IntroductionIntroduction
![Page 5: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/5.jpg)
HTML for the interactive web
Widely supported
Specification not final
HTML5HTML5
![Page 6: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/6.jpg)
Author in XHTML
Create all kinds of output, including:Multiscreen HTML5Responsive HTML5
RoboHelp capabilitiesRoboHelp capabilities
![Page 7: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/7.jpg)
Adaptive:Content and layout specific for every device.Multiscreen HTML5
Responsive:Layout specific for deviceResponsive HTML5
Adaptive vs ResponsiveAdaptive vs Responsive
![Page 8: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/8.jpg)
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
![Page 9: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/9.jpg)
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
![Page 10: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/10.jpg)
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?
![Page 11: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/11.jpg)
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
![Page 12: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/12.jpg)
Questions?Questions?
Willam van Weelden@WvWeelden
www.wvanweelden.eu
![Page 13: Multiscreen HTML5 and Responsive HTML55](https://reader036.fdocuments.us/reader036/viewer/2022081412/545428dfb1af9f8c228b4986/html5/thumbnails/13.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Contact Information
13
InformationWillam van WeeldenWriter/Functional designer
Web www.wvanweelden.euEmail [email protected] @WvWeelden
Maxwell HoffmannAdobe Systems, Inc.Product Evangelist
Blog blogs.adobe.com/techcomm Blog blogs.adobe.com/mbhoffmann Twitter @maxwellhoffmann & @AdobeTCS
Email [email protected] Web www.adobe.comLinkedIn www.linkedin.com/in/maxwellhoffmannFacebook Adobe Technical Communication Professionals
Previously recorded eSeminars: http://adobe.ly/qo3pzc
Calendar of upcoming eSeminars: http://adobe.ly/xdzOYa