Sly Mongoose: A Responsive Comic

4,123 views
3,872 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

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
4,123
On SlideShare
0
From Embeds
0
Number of Embeds
53
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

    ×