Workshop: The Responsive Web

MatthewCarver

July 2016 Austin, TX

The Responsive Web Workshop with Matthew Carver is a full day of instruction and coding for building websites effectively to work across multiple devices.

In a world of mobile devices, new browsers, and changing standards, each page of your website can require an unmanageably large number of separate designs. Responsive web design is a set of techniques that allow you to design pages that efficiently adapt to whatever device or platform loads them. For web designers and developers and their customers, responsive design can be a big win.

Whether you are just starting out in web design, or work in large teams on enterprise web sites, this workshop is for you because responsive web design is the essential standard for the web.

Buy your ticket!

What is in the workshop?

The Responsive Web workshop is comprehensive seminar of presentation, discussion, and exercises on instruction and coding for building websites effectively to work across multiple devices.

Learn to work responsively

Collaboration is a huge part of your ability to succeed in responsive web design.

  • An overview of a responsive workflow
  • Using a prototype to communicate responsive design
  • Building a simple responsive website

The Basics

Collaboration is a huge part of your ability to succeed in responsive web design.

  • An overview of a responsive workflow
  • Using a prototype to communicate responsive design
  • Building a simple responsive website
  • Using media queries, percentages, REM, VH & VW.

½ hour + ½ hour workshop

Principles of Design

  • Plan for small screens
  • Intro to web fonts in layouts
  • Using icon fonts
  • Intro to Style Tiles
  • Building meaningful client deliverables

½ hour + ½ hour workshop

Responsive Design Patterns

  • Fluid layouts
  • Example interface design patterns
  • How to use off-canvas effectively
  • Touch interface vs Mouse/Keyboard

½ hour + ½ hour workshop

Lunch Break

Responsive Content

  • Responsive video
  • Fitting content to small screens
  • Responsive images
  • Using SVG
  • JavaScript for Touch interfaces

½ hour + 1 hour workshop

Progressive Enhancement

  • Intro to progressive enhancement
  • Cross device compatibility issues
  • Using Modernizr

½ hour + ½ hour workshop

Testing & Optimization

  • What is a “request”?
  • Using Inspector tools
  • Effecting load order

½ hour + 1 hour workshop

About Matthew Carver

Matthew is current Technology Director at Code and Theory and the author of The Responsive Web. He loves his job, getting to muck around in code all day and work with some really talented people. He lives in New York City with his wife, Alex, and Jack Russell Terrier, Seymour. He likes dive bars, baseball, and catching a movie whenever he finds the time.

Buy your ticket!

Past talks by Matthew Carver at Front Porch Conference

Context Aware CSS

The responsive web was the beginning of a new philosophy in web design. Scaling sites for their screen sizes is just the beginning though. The future of the web is entrenched in contextually aware design patterns.

Covered in this session:

  • Introduction to Context Aware CSS
  • Dive into CSS Media Queries: Level 4
  • Using the latest with Modernizr

Using Modernizr to Progressively Enhance your CSS

As browsers diversify, feature detection has become the preferred method of producing bug free sites. In this session we'll discuss some of the ways we can avoid crippling our sites or serving overly bulky CSS by using Modernizr to craft CSS that progressively enhances a site.