Demonstration of a responsive comic, authored using HTML and CSS exclusively. Prepared for the Books in Browsers conference, October, 2011. Proof-of-concept at www.defendini.com/bib

1. Responsive Comics
Pablo Defendini
@pablod
28 October 2011
Books in Browsers

2. For print comics, the page is the
canvas: immutable, fixed and finite.

3. Digital comics as they stand now are
static adaptations of print comics.

4. The mechanisms devised in
order to compensate for size
differences between print and
screen often undermine the
intent of the storytellers.

5. On a screen, layout is fluid, and can
change depending on device.
iPhone
iPad
Kindle
Fire 13"
Laptop

6. Web designers have addressed this
problem via responsive design
techniques, most notably media queries.

7. What if...?

8. ...we employed responsive techniques to
create comics specifically for the screen?
iPhone iPad
13"
Kindle Fire Laptop

9. My comic.
Let me show you it*
*live proof-of-concept at
www.defendini.com/bib

10. On the iPhone:

11. On a 7" tablet

12. On the iPad

13. As a fixed-layout EPUB

14. Under the hood...

15. Localization.

16. Gracias.
Sly Mongoose
Written by Tobias S. Buckell
@tobiasbuckell
Translated by Mila Aponte González
@marginaliaferoz
Drawn, designed and coded by Pablo Defendini
@pablod