Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Responsive Comics      Pablo Defendini         @pablod      28 October 2011     Books in Browsers
For print comics, the page is thecanvas: immutable, fixed and finite.
Digital comics as they stand now are static adaptations of print comics.
The mechanisms devised inorder to compensate for sizedifferences between print and screen often undermine the    intent of...
On a screen, layout is fluid, and can  change depending on device.   iPhone                  iPad   Kindle    Fire        ...
Web designers have addressed this    problem via responsive designtechniques, most notably media queries.
What if...?
...we employed responsive techniques tocreate comics specifically for the screen?    iPhone       iPad                    ...
My comic.  Let me show you it**live proof-of-concept atwww.defendini.com/bib
On the iPhone:
On a 7" tablet
On the iPad
As a fixed-layout EPUB
Under the hood...
Localization.
Gracias.              Sly Mongoose         Written by Tobias S. Buckell               @tobiasbuckell     Translated by Mil...
Upcoming SlideShare
Loading in …5
×

Sly Mongoose: A Responsive Comic

4,610 views

Published on

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

  • The idea is awesome! I just couldn't read the comic, because your website is offline
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Live proof-of-concept can be seen at: www.defendini.com/bib
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Sly Mongoose: A Responsive Comic

  1. 1. Responsive Comics Pablo Defendini @pablod 28 October 2011 Books in Browsers
  2. 2. For print comics, the page is thecanvas: immutable, fixed and finite.
  3. 3. Digital comics as they stand now are static adaptations of print comics.
  4. 4. The mechanisms devised inorder to compensate for sizedifferences between print and screen often undermine the intent of the storytellers.
  5. 5. On a screen, layout is fluid, and can change depending on device. iPhone iPad Kindle Fire 13" Laptop
  6. 6. Web designers have addressed this problem via responsive designtechniques, most notably media queries.
  7. 7. What if...?
  8. 8. ...we employed responsive techniques tocreate comics specifically for the screen? iPhone iPad 13" Kindle Fire Laptop
  9. 9. My comic. Let me show you it**live proof-of-concept atwww.defendini.com/bib
  10. 10. On the iPhone:
  11. 11. On a 7" tablet
  12. 12. On the iPad
  13. 13. As a fixed-layout EPUB
  14. 14. Under the hood...
  15. 15. Localization.
  16. 16. Gracias. Sly Mongoose Written by Tobias S. Buckell @tobiasbuckell Translated by Mila Aponte González @marginaliaferozDrawn, designed and coded by Pablo Defendini @pablod

×