PPT-Content Authoring for Responsive Design

Mike Hamilton VP Product Evangelism at MadCap Software mhamiltonmadcapsoftwarecom Agenda Responsive Design Core Components of Responsive Design The Role of Content Structure The Role of CSS. Ebooks. : Start to Finish. Amanda Gomm. @. agomm. amanda@digitalbindery.com. Tools. Software. Web browser. Firefox. Word Processing Software . Word. Open Office. MathML Editor. Open Office Math. Amaya. Seth Neistadt, Vice President of Product Development. Seth.Neistadt@micronetonline.com. Responsive Websites. What is responsive web design. Google . and responsive design. Tablets . and . desktops . and . The evolution of structured authoring. 2. Valuable Content Transformed. Document Digitization. XML and HTML Conversion. eBook Production. Hosted Solutions. Big Data Automation. Conversion Management. mobile/responsive design. Eric . Craypo. Recreational Sports. Matt Matsuoka. University Relations. Patrick McMahon. Graduate Division. Introduction. Mobile internet use will continue to surge. More than half of . What is it? Who’s using it? Why you should be today!. What is Responsive Design?. An Industry Buzz Word De-mystified. Responsive . websites respond to their environment. .. R. esponsive designs are comprised of fluid grids and flexible images. Code . V.P. Product Evangelism. MadCap Software. mhamilton@madcapsoftware.com. Content Authoring for Responsive Design. Agenda. Responsive Design. Core Components of Responsive Design. The Role of Content Structure. Remove auto-advancing after creating a video version:. On/Off:. In the tabs (not menu): “Slide Show” . [X] Play Narrations. [X] Use Timings. [ ] Show Media Controls. Clear the timings completely:. There are a. . lot. . of design patterns.. ui-patterns.com. pttrns.com. konigi.com. welie.com. Context. progressive disclosure. hover controls. toggles. contextual functionality. progressive disclosure. . What it is and why you need it. Today’s Topics. RWD v Mobile. Which is right for you and your site(s)?. A Few Numbers to Blow Your Mind. So many devices, so little time…. Remember the Entire Conversion Path. to Common Website and Community Site Challenges. Brett . Wangman. Justin Prevatte. Let’s Get Creative. We’re going to walk through real-word examples of how to use Higher logic widgets, built-in bootstrap features, and “plug-n-play” CSS to extend your site’s functionality.. AUTHORING. CHAPTER HIGHLIGHTS. Two approaches to integrate media elements into a single application.. Authoring metaphors.. Authoring process.. Guidelines to select an authoring application.. 2. METHODS TO INTEGRATE MEDIA. Design. UNIT I. Why should your web site be adapted to be viewed on mobile devises?. As of July 2016, . 74%. of American adults own a smartphone.. 4. Web pages can be viewed at a range of screen sizes.. An Online Tool for. Collaborative Content Development . The ASHRAE Authoring Portal (AAP) uses . Microsoft SharePoint . to organize content and graphic files in folders. . Login access . is by ASHRAE committee or authoring group using information from the membership database. . University College London . WG Website Redesign . Website Purpose. Two types of users:. those who are new to the WG work and want to . learn. . more, and . those that are knowledgeable about the WG and want .