Responsive Design Optimizing the browsing experience

Slides:



Advertisements
Similar presentations
Coding a Responsive HTML
Advertisements

Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.
Quick Reference for © 2012 Microsoft Corporation. All rights reserved. Lync Web App Join a Lync Meeting with computer audio If you don’t have Lync 2013,
CIT 256 Mobile Web Development Dr. Beryl Hoffman.
Tutorial Flipster for Mobile Devices support.ebsco.com.
Making Mobile Meaningful Digital Collections for Mobile Viewers 2/27/13Making Mobile Meaningful, Digital Library Brown Bag Juliet L. Hardesty Metadata.
1 EERE Communications EERE Web Coordinators Meeting Conference line: +1 (415) Access Code: Webinar ID: /15/2013.
Publishing to Mobile Devices: Best Practices and Strategies Mike Hamilton V.P. Product Evangelism MadCap Software
| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard
Mr. Justin “JET” Turner CSCI 3000 – Fall 2015 CRN Section A – TR 9:30-10:45 CRN – Section B – TR 5:30-6:45.
Proprietary and Confidential S TRONG V IEW M ARKETING S ERVICES TAKING YOUR MOBILE.
INFO1300 LAB7 OCT.11TH RESPONSIVE DESIGN. WHAT IS RESPONSIVE WEB DESIGN A mix of flexible grids and layouts, images and an intelligent use of CSS media.
GO MOBILE. GO RESPONSIVE. 185 mil mobile internet users in India
Mobile Devices Lesson 11. Objective: The challenges of designing for mobile devices Using CSS3 media queries Converting a fixed width layout to a single.
 An HTML, CSS, Javascript framework you can use as a basis for creating web sites  Uses CSS settings, fundamental HTML elements styled and enhanced.
Basic Elements of Responsive Web Design Jason Bengtson, MLIS, AHIP Emerging Technologies/R&D Librarian UNM Health Sciences Library and Informatics Center.
Less – Design That is More… BY SPEC INDIA. Less – Design  Adaptive Cross Platform CSS grid system  Responsive & Mobile First Projects  Uses Standards-based.
A project by Advertise on Facebook Over 1 billion people. Facebook connects with their right ones.
How HTML responsiveness translates to PDF
Web Development & Design Foundations with HTML5
>> Navigation and Layouts in CSS
Formatting Text with CSS
Implementing Responsive Design
Responsive Design and Twitter Bootstrap
Responsive Web Pages.
Styling For Print From Screen to Paper
Show Me! ePublisher & Distributed Publishing
Power Hour April 2011 DITA and ePublisher
Show Me July 2011 ePublisher Overview
Power Hour October 2010 Building Custom Formats
Web Development & Design Foundations with HTML5
Power Hour November 2010 Implementing Context-Sensitive Help
Publishing and Maintaining a Website
Show Me – March 2011 ePublisher 2010 – The Year in Review
Power Hour June 2012 Usage Metrics Learning about your audience
ePublisher Invoking Tools and Post-Processing Outputs
Web Systems & Technologies
Power Hour May 2013 XSL-FO Basic Concepts and Markup
Power Hour December 2013 Images Optimizing for online and print
Power Hour July 2013 ePublisher Hacking Primer Format Conventions
Flipster for Mobile Devices
USING ADOBE ACROBAT READER DC
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
Making Your Site Mobile-Ready
Welcome to UKSG webinars
Get Your Sage ACT! Contacts & Calendar in the Cloud
Easy Website Creation Using WordPress
Power Hour June 2010 AutoMap Scripting
Why use Web Standards?.
Show Me September 2011 ePublisher Overview
Page Templates Leveraging Page Templates for Good and Evil
Power Hour October 2013 Extending Styles Adding properties and options
WEB DESIGN FOR MULTIPLE SCREENS
Show Me June 2011 ePublisher
Show Me! Conditional Text
EMBED SOCIAL MEDIA FEEDS ON YOUR WEBSITE. We aggregate with various social media platforms like Twitter, Instagram, Facebook, LinkedIn and many more to.
EMBED SOCIAL MEDIA FEEDS ON YOUR WEBSITE. We aggregate with various social media platforms like Twitter, Instagram, Facebook, LinkedIn and many more to.
CS3220 Web and Internet Programming Introduction to Bootstrap
Show Me October 2011 ePublisher Overview
Power Hour July 2010 Deployment Clients
Power Hour September 2014 Dynamic Merge Multi-volume Help on the Fly
Web Development & Design Foundations with HTML5
PDFs from DITA Examining the process of DITA to XSL-FO to PDF
PD Place Mobile Discussion
Social Media Marketing Strategy Template
17 RESPONSIVE WEB DESIGN.
Welcome to UKSG webinars
Presentation transcript:

Responsive Design Optimizing the browsing experience Conference Number: 805-309-0248 Participant Code: 880-0006 Power Hour May 2012 Responsive Design Optimizing the browsing experience

Power Hour – May 2012 Agenda Survey Results Responsive Design Optimizing the browsing experience for mobile and desktop users Webinar Schedule

Power Hour – May 2012 Survey Results

Survey Results When to meet:

Survey Results Voice Options:

Survey Results Topics to cover:

Learning about how to generate Help and PDFs for tablets Survey Results Topics to cover: Learning about how to generate Help and PDFs for tablets

Power Hour – May 2012 Responsive Design Optimizing the browsing experience for mobile and desktop users

What are your goals for this session? Responsive Design What are your goals for this session?

What are your goals for this session? Responsive Design What are your goals for this session? It’s my first one... not sure yet Multiple platform delivery Would like to customize Reverb to look like our company web page using the same branding, look and feel

Responsive Design Anything else? Updates in the latest WebWorks Reverb version that improve performance I wish to learn how to use ePublisher along with Reverb to output content to be used for mobile device such as iPad How to use Reverb with our current WWP to output to a mobile devices such as iPad

What is Responsive Design? How does CSS 3 help? Topics What is Responsive Design? How does CSS 3 help? What can WebWorks Reverb do?

What is Responsive Design? Responsive Illustration Responsive Web Design at A List Apart Responsive web design examples

Responsive Design How does CSS 3 help? Start with CSS 2 media types <link media="screen" … /> <link media="print" … /> Media Queries @media screen and (max-width: 600px) { h2 { color: blue; display: inline; } }

What can WebWorks Reverb do? Responsive Design What can WebWorks Reverb do? Easy way to prepare your existing content for mobile devices Layout responds to browser size Handles wide images and tables on small screens

Power Hour – May 2012 Webinar Schedule

Power Hour: Webinar Schedule June 28th at 2:00pm Central Topic: Usage Metrics – Learning about your audience Sign-up at www.webworks.com/eSchool/Power_Hour/

Show Me: Webinar Schedule June 21th at 10:30am Central Learn what the ePublisher platform can do for you Repeats monthly on the 3rd Thursday Sign-up at www.webworks.com/eSchool/Show_Me/

Study Hall: Webinar Schedule June 13th at 1:00pm Central Open forum for ePublisher users Repeats monthly on the 2nd and last Wednesdays Join at www.webworks.com/eSchool/Study_Hall/

Power Hour May 2012 Responsive Design Optimizing the browsing experience