Sly Mongoose: A Responsive Comic

  • 3,236 views
Uploaded on

Demonstration of a responsive comic, authored using HTML and CSS exclusively. Prepared for the Books in Browsers conference, October, 2011. …

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

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

Views

Total Views
3,236
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
2
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. Responsive Comics Pablo Defendini @pablod 28 October 2011 Books in Browsers
  • 2. For print comics, the page is thecanvas: immutable, fixed and finite.
  • 3. Digital comics as they stand now are static adaptations of print comics.
  • 4. The mechanisms devised inorder to compensate for sizedifferences 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 designtechniques, most notably media queries.
  • 7. What if...?
  • 8. ...we employed responsive techniques tocreate comics specifically for the screen? iPhone iPad 13" Kindle Fire Laptop
  • 9. My comic. Let me show you it**live proof-of-concept atwww.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 @marginaliaferozDrawn, designed and coded by Pablo Defendini @pablod