Beyond Straight Text [2014]

40 %
60 %
Information about Beyond Straight Text [2014]
Design

Published on March 14, 2014

Author: BookDesignGirl

Source: slideshare.net

Description

Ebook presentation at the Digital Book World Conference, January 2014.

DBW DIGITAL DESIGN & PRODUCTION CONFERENCE • MONDAY 13, 2014 Beyond Straight Text Extracts, Lists, Sidebars, and Tables To Download PDF Slides http://bit.ly/DBW14SLIDES To Download Epub file http://bit.ly/DBW14EPUB

Who? Managers, devs, ID users What? EPUB3 / KF8 (thru KP) Why? Reflowable and flexible When? 2014 but test often Where? Every vender and ereader

CSS: Use styles for paragraphs, characters, objects HTML: Map to tags ... and open EPUB to add ereader-specific refinement

NO

Our ebook design Our customers’ reading experience Ereader rendering

Semantic markup Graceful degradation Fallbacks Margins Borders Media queries

PLUS: Adobe Digital Editions and Sony PLUS: ReadiumMINUS MOBI: Kindles G1, G2 and Kindle DX

HEY! ☞

Beyond Straight Text Extracts

HEY!☞

What works: Graceful degradation: embedded fonts and device fonts Fallbacks: font stacks and font size differentiated from main text Margins: top, bottom, left, right Borders: render in both regular and night modes Keep simple: Colors: in case night mode does not override text color with white Long extracts: make sure font is legible in large amounts Extracts

Beyond Straight Text Lists

+ Kobo Glo

What works: Semantic markup: use <ol>, <ul>, and <li> Media queries: to fix alignment issue in Kindle Fire HD Bug Fixes in CSS: to fix nesting and alignment bugs in NookColor and Kobos Keep simple: Variables: consider hard- coding lists that are other than numerical Nesting: consider reworking content with lists which contain paragraphs or very long list points which may become thin in narrow screen widths Margins: avoid trying to perfectly align lists and change default margins Lists

Beyond Straight Text Sidebars

HEY!☞

HEY!☞

desktop app for Mac

desktop app for Mac contrasts better on app for iPad than on desktop app for Mac

app for iPad

What works: Graceful degradation: -webkit prefix works for iBooks and Kindles Margins: top, bottom, left, right Borders: for night mode Media queries: consider setting narrow, floating sidebars to full width with a KF8 media query to account for iPad app and narrow Kindles Keep simple: Colors: make sure there’s enough contrast between text color and sidebar background to account for various night mode overrides Scale: An ebook full of narrow, floating sidebars can cause reflow headaches for the reader so best to use sparingly Sidebars

Beyond Straight Text Tables

HEY!☞

What works: Semantic markup: use HTML table tags Fallbacks: consider placing image of table in text flow with a link to the table as text in the back of the ebook Borders: help to demarcate background colors like we see in the sidebars Keep simple: Very wide tables and complex tables: may need to be reworked Charts: a table- and chart hybrid that needs to be set as an image should be tested for caption legibility, especially on small screen sizes Tables

Questions? colleen.cunningham@fwmedia.com Find your people on Twitter at #eprdctn Resources: http://bit.ly/DBW14RESOURCES PDF Slides http://bit.ly/DBW14SLIDES Epub file http://bit.ly/DBW14EPUB

#eprdctn presentations

Add a comment

Related presentations

Related pages

Beyond Scared Straight Full Episodes, Video & More | A&E

Beyond Scared Straight. Episodes; Pictures; Exclusives; Shop; A&E. Shows; Video; Watch Live; Games; Shop; TV Schedule; Sign In; Sign Out; WELCOME: You are ...
Read more

beyond scared straight - College Essay - 2910 Words

Text Preview  Article Rebuttal 9 ... Beyond Scared Straight john vandermolen There are many programs that try to deal with youth crime. Many ...
Read more

Beyond Scared Straight Season 2, Video & More | A&E

Catch up on season 2 of Beyond Scared Straight, only on A&E. Get exclusive videos, pictures, bios and check out more of your favorite moments from seasons ...
Read more

Maxius Beyond Straight Reviews | Folica.com

Maxius Beyond Straight is a humidity resistant temporary straightener with wheat protein and thermal protection that allows you to go straight, reduce ...
Read more

Photoshop Elements 11 Tutorial | Going Beyond Straight ...

Photoshop Elements 11 Tutorial | Going Beyond ... More details on the full Photoshop Elements 11 ... Photoshop Elements 10 - Use Text on ...
Read more

Watch Beyond Scared Straight Episodes - ShareTV

Watch Beyond Scared Straight on ShareTV. Search. Browse; Schedule; Updates; Login. Register. Type. Documentary. ... Enter the text in the image shown if ...
Read more

Beyond Scared Straight by Cynia Clark on Prezi

Beyond Scared Straight Cynia Clark CRJ 3300 Effect on Boys Effect on Girls Face to Face Contact ... In our text book Restorative Justice is mentioned, ...
Read more

Scared Straight! - Wikipedia, the free encyclopedia

Beyond Scared Straight is about transforming the lives of young people through intervention and second chances." In addition, each episode ends with ...
Read more

Beyond Scared Straight Season 3 - ShareTV

Complete Guide for Beyond Scared Straight Season Season 3. Contains a list of every episode with descriptions and original air dates. Who appeared in what ...
Read more

Beyond Scared Straight Essay Free Essays - StudyMode

Free Essays on Beyond Scared Straight Essay for students. Use our papers to help you with yours
Read more