• Save
Sly Mongoose: A Responsive Comic
Upcoming SlideShare
Loading in...5
×
 

Sly Mongoose: A Responsive Comic

on

  • 3,527 views

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

Statistics

Views

Total Views
3,527
Views on SlideShare
3,481
Embed Views
46

Actions

Likes
6
Downloads
0
Comments
1

4 Embeds 46

http://paper.li 31
http://lanyrd.com 10
http://a0.twimg.com 3
http://baitieuluan.blogspot.com 2

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Live proof-of-concept can be seen at: www.defendini.com/bib
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Sly Mongoose: A Responsive Comic Sly Mongoose: A Responsive Comic Presentation Transcript

  • 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 the storytellers.
  • On a screen, layout is fluid, and can change depending on device. iPhone iPad Kindle Fire 13" Laptop
  • 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 13" Kindle Fire Laptop
  • 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 Mila Aponte González @marginaliaferozDrawn, designed and coded by Pablo Defendini @pablod