Your SlideShare is downloading. ×
Sly Mongoose: A Responsive Comic
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Sly Mongoose: A Responsive Comic

3,404

Published 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

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,404
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
2
Likes
5
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

    ×