Advertisement

The State of Responsive Design

Tyler Smith, HTML5 Game Developer, Engineer and Tech Evangelist at AgeCheq Colt “MainRoach” McAnlis, Developer Advocate, Google
  • Colt McAnlis
  • Petter Lubbers
  • Brandon Jones
  • Duncan Tebbs
  • Andrzej Manzur
  • Sean Bennett
  • Florian d’Erfurth
  • Bruno Garcia
  • Shun Lin
  • Ivan Popelyshev
  • Jason Gauci
  • Jon Howard
  • Ian Ballantyne
  • Jesse Freeman
  • Takuo Kihira
  • Tyler Smith
  • Don Olmstead
  • John McCutchan
  • Chad Austin
  • Andres Pagella
Chapter

Abstract

Building an HTML5 game in the modern world is rife with difficulties. In addition to technical limitations and variations among browsers, you have the added burden of the current consumer world, which is predominantly driven by a boom in smartphones and tablet devices. What makes developing for this slew of heterogeneous devices difficult is the massive array of resolutions, physical sizes, and performance among them. For your web game to be successful, you’ll need to adapt it to take advantage of the many screen resolutions available so that users can experience it on as many devices as possible. To do this, you’ll need to adjust your game dynamically, depending on the current resolution, to achieve the desired game layout. This, at its core, is known as responsive design.

Keywords

Aspect Ratio Screen Resolution Cascade Style Sheets Browser Window Screen Dimension 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

Copyright information

© Colt McAnlis 2014

Authors and Affiliations

  • Colt McAnlis
    • 1
  • Petter Lubbers
    • 1
  • Brandon Jones
    • 1
  • Duncan Tebbs
    • 1
  • Andrzej Manzur
    • 1
  • Sean Bennett
    • 1
  • Florian d’Erfurth
    • 1
  • Bruno Garcia
    • 1
  • Shun Lin
    • 1
  • Ivan Popelyshev
    • 1
  • Jason Gauci
    • 1
  • Jon Howard
    • 1
  • Ian Ballantyne
    • 1
  • Jesse Freeman
    • 1
  • Takuo Kihira
    • 1
  • Tyler Smith
    • 1
  • Don Olmstead
    • 1
  • John McCutchan
    • 1
  • Chad Austin
    • 1
  • Andres Pagella
    • 1
  1. 1.CAUS

Personalised recommendations