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

3,511

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

2 Comments
5 Likes
Statistics
Notes
  • 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
No Downloads
Views
Total Views
3,511
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
2
Likes
5
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×