Diving in to responsive web design

A session at Congility 2014

Wednesday 18th June, 2014

9:30am to 5:00pm (GMT)

Half day workshops: 09.30am to 12.30pm and 2pm to 5pm.
Speaker: Tony Self

Over 20% of all Web browsing in the last six months worldwide was done on mobile devices, and that proportion is rapidly increasing. Yet the vast majority of Web sites do not display cleanly in mobile browsers; they have been designed for large desktop screens rather than small phone or tablet screens. Logically, all of these Web sites need to be redesigned for mobile… and quickly! Likewise, online technical documents, be they Help systems, procedures, product documentation or support sites, need to move away from a desktop design paradigm. In particular, documents produced as PDFs for display on a screen cannot remain in that format if they are to be readable and accessible to an ever increasing proportion of users. This situation could easily be described as a crisis… every Web site in the world has to be redesigned!

This crisis has led to some brilliant ideas and innovations. It has also led to some dead-ends and false starts. The idea of “adaptive content”, where different information is presented on different devices, is now generally seen as a false start, as it is based on the misconception that people have different information needs when using mobile devices. Instead, “Responsive Web Design” (RWD) with a “Mobile First” philosophy is emerging as a more appropriate response to the challenges. Some authoring tools, such as RoboHelp and FrameMaker, are starting to support Responsive output with flexible navigation interfaces in HTML5. However, authors can work at a deeper level to apply Responsive techniques throughout their content.

This workshop dives into that deeper level of understanding of the underlying theory and practice for Responsive Web Design. We will explore how HTML5 and CSS3 are the technologies fundamental to the approach, but we will also find that RWD is more about new practices and techniques than new technology. We will then look at the Mobile First philosophy, and see how this practically informs information design decisions. The ways in which these approaches can be introduced into publishing workflows are finally discussed. Worked examples will be used throughout the workshop to better explain key concepts.

- Who should attend?

Managers who are developing documentation strategies
Writers who are creating documents for Web and intranet delivery to desktop and mobile.

- What you’ll learn

How document design for desktop creates barriers for mobile users
Why Responsive Web Design (RWD) is a more efficient approach than Adaptive
How CSS media queries and breakpoints are used in RWD
How flexible grids and fluid images are created in HTML5 and CSS3
The principles of Mobile First approaches
How progressive enhancement differs from graceful degrading

Contact Sam.Cammock@congility.com to reserve your seat.

*Workshops can be booked independently from the main conference.

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 9:30am5:00pm GMT

Date Wed 18th June 2014

Short URL


View the schedule


See something wrong?

Report an issue with this session