Society for Technical Communication (STC) Summit

May 23 , 2012, in Chicago conference session:

“CSS3, Media Queries, and Responsive Design”

It’s no longer possible to build separate sites for all the different devices that your audience uses. Media queries along with liquid/fluid layout techniques allow you to easily make a single site that automatically adapts its design to each user’s device so that it looks good and works well in whatever screen space is available.

Learner Outcomes:

  • Learn how to write CSS3 media queries that target different screen sizes and pixel densities
  • See how a real web page was enhanced with media queries to work well in mobile all the way to widescreen viewports
  • View examples of visual design patterns in live sites that work well in liquid, responsive web layouts