June 17, 2015
NISO Virtual Conference: The Eternal To-Do List: Making Ebooks work in Libraries
Evaluating Academic Ebook Platforms from a User Perspective
Christina Mune, Academic Liaison Librarian, San Jose State University
Deep Dive: Structured XML Authoring with George Bina, oXygen XML EditorScott Abel
George Bina explores the world of XML authoring for technical documentation. He shares tips and tricks designed to help technical communicators understand the advanced information management capabilities structured XML authoring provides over traditional authoring approaches.
Specifically, George addresses the following questions:
How do I know what content to create?
What XML markup should I choose and why?
How do I leverage markup to engineer better authoring experiences?
How to we enforce content rules in XML documents?
Why correcting content problems during the authoring process can help you reduce costs?
This session was part of The Content Wrangler Virtual Summit on Advanced Technical Communication Practices, December 4-5, 2014. Hosted by BrightTALK. Sponsored by SDL, Astoria Software, Acrolinx, oXygen XML Editor, Logos, Scriptorium, and Oberon Technologies.
Ebook Accessibility: Why, How, and What For - ebookcraft 2016 - Laura BradyBookNet Canada
Workshop: "Ebook Accessibility: Why, How, and What For" by Laura Brady (Brady Type) for ebookcraft 2016, presented by BookNet Canada and eBOUND Canada - March 30, 2016
June 17, 2015
NISO Virtual Conference: The Eternal To-Do List: Making Ebooks work in Libraries
Evaluating Academic Ebook Platforms from a User Perspective
Christina Mune, Academic Liaison Librarian, San Jose State University
Deep Dive: Structured XML Authoring with George Bina, oXygen XML EditorScott Abel
George Bina explores the world of XML authoring for technical documentation. He shares tips and tricks designed to help technical communicators understand the advanced information management capabilities structured XML authoring provides over traditional authoring approaches.
Specifically, George addresses the following questions:
How do I know what content to create?
What XML markup should I choose and why?
How do I leverage markup to engineer better authoring experiences?
How to we enforce content rules in XML documents?
Why correcting content problems during the authoring process can help you reduce costs?
This session was part of The Content Wrangler Virtual Summit on Advanced Technical Communication Practices, December 4-5, 2014. Hosted by BrightTALK. Sponsored by SDL, Astoria Software, Acrolinx, oXygen XML Editor, Logos, Scriptorium, and Oberon Technologies.
Ebook Accessibility: Why, How, and What For - ebookcraft 2016 - Laura BradyBookNet Canada
Workshop: "Ebook Accessibility: Why, How, and What For" by Laura Brady (Brady Type) for ebookcraft 2016, presented by BookNet Canada and eBOUND Canada - March 30, 2016
Web Safe Fonts are Dead Series | Part 1: Web Typography ReincarnatedExtensis
Thomas Phinney introduces web fonts, covers font selection and combination, and also includes:
• How and why mobile devices and iOS have killed off web safe fonts
• Best practices for picking and combining individual typefaces
• On-screen text rendering differences
• Creative inspiration for designing with web fonts in Adobe® Photoshop®
A summary of the changes and benefits that can be expected from EPUB 3. Aimed at a non technical publishing audience. Independent Publishers Guild's quarterly Digital meeting in October 2011 held at Faber & Faber, London.
D2L Webinar: Five More Quick Wins for Accessible Online CoursesD2L Barry
April 4, 2017 webinar for the Brightspace Teaching & Learning Community. Presenter, Barry Dahl of D2L.
Content includes:
1. Proper alt text insertion in various types of media
2. Proper use of headings in course content documents
3. Properly creating tables with the Brightspace html editor
4. Easy ways to create scripts and transcripts
5. Editing YouTube captions and the importance of phrasing.
How to take advantage of the new Form Input types in HTML5 with Squiz Matrix.
Presented by Dave Letorey at the Squiz and Funnelback European User Summit held in London on the 4th July, 2012.
For more information: http://www.squiz.co.uk
This presentation was used on a five half-day course on basic web design. The goal of this workshop is to enable participants to create their own Wordpress site by the end of the course. The agenda adjust according to the pace of the participants.
These slides were shown on the Eduhub Webinar on 11 Dec. 2014. The presentation covers the origins of e-books, a categorisation of interaction types for e-books, and an outlook for integrating e-books into education.
Slideshare presented by Linda Aksomitis at TBEX Europe in Stockholm, Sweden, in 2016. Also used at a TBEX workshop on e-publishing held in Manila, Philippines. Slideshow outlines the essential steps of independent ebook publishing.
Web Safe Fonts are Dead Series | Part 1: Web Typography ReincarnatedExtensis
Thomas Phinney introduces web fonts, covers font selection and combination, and also includes:
• How and why mobile devices and iOS have killed off web safe fonts
• Best practices for picking and combining individual typefaces
• On-screen text rendering differences
• Creative inspiration for designing with web fonts in Adobe® Photoshop®
A summary of the changes and benefits that can be expected from EPUB 3. Aimed at a non technical publishing audience. Independent Publishers Guild's quarterly Digital meeting in October 2011 held at Faber & Faber, London.
D2L Webinar: Five More Quick Wins for Accessible Online CoursesD2L Barry
April 4, 2017 webinar for the Brightspace Teaching & Learning Community. Presenter, Barry Dahl of D2L.
Content includes:
1. Proper alt text insertion in various types of media
2. Proper use of headings in course content documents
3. Properly creating tables with the Brightspace html editor
4. Easy ways to create scripts and transcripts
5. Editing YouTube captions and the importance of phrasing.
How to take advantage of the new Form Input types in HTML5 with Squiz Matrix.
Presented by Dave Letorey at the Squiz and Funnelback European User Summit held in London on the 4th July, 2012.
For more information: http://www.squiz.co.uk
This presentation was used on a five half-day course on basic web design. The goal of this workshop is to enable participants to create their own Wordpress site by the end of the course. The agenda adjust according to the pace of the participants.
These slides were shown on the Eduhub Webinar on 11 Dec. 2014. The presentation covers the origins of e-books, a categorisation of interaction types for e-books, and an outlook for integrating e-books into education.
Slideshare presented by Linda Aksomitis at TBEX Europe in Stockholm, Sweden, in 2016. Also used at a TBEX workshop on e-publishing held in Manila, Philippines. Slideshow outlines the essential steps of independent ebook publishing.
Simply Accessible - Kevin Callahan - ebookcraft 2018BookNet Canada
Ebooks let us expand print’s audience, with richer, more accessible content and more robust usability. If you’re already using InDesign features to automate and smooth out production processes, all it takes is a shift in thinking and an adherence to best practices to include deep EPUB3 accessibility in your InDesign workflow. Demonstrating with a real-world project and including live demonstrations of features and their impact on the user, Kevin Callahan and Rachel Comerford will provide a roadmap for simply accessible ebooks.
Hacking iBooks and ePub3 with JavaScript!Jim McKeeth
[Updated for 2013]
How to embed JavaScript in Interactive Widgets in iBooks Author 2 for use on the iPad. Also looks at embedded JavaScript in the page when creating ePub files from scratch. Uses DashCode, Tumult Hype 2, or your favorite text editor. Visit http://blogs.remobjects.com/?p=3862 for more information. From my presentation at 360iDev 2013 in Denver.
DITA Quick Start Webinar: Defining Your Style Sheet RequirementsSuite Solutions
Your DITA implementation is under way, and promises higher content reusability with shorter time to publication. A key aspect of your implementation is automated multi-channel publishing of your content to a variety of outputs: PDF, HTML, online help, mobile, dynamic web, eLearning and more. In this webinar, expert project manager Yehudit Lindblom and Suite Solutions President Joe Gelb go beyond formatting requirements to review best practices that help you cover all the bases for smooth implementation and easy maintenance of your dynamic publishing customizations.
Learn more about DITA Quick Start http://www.suite-sol.com/pages/solutions/dita-quick-start.html
Follow us on LinkedIn http://www.linkedin.com/company/527916
The Role of Design in Accessibility — a11yTO Meet-upAdrian Roselli
http://adrianroselli.com/2019/04/slides-the-role-of-design-in-accessibility-a11yto-meet-up.html
Designers can have an outsized impact on the accessibility of a project, being the ones who produce the visuals that are often critical for understanding and sign-off. Adrian will talk about the ways designers contribute to the overall accessibility of a site or application. We'll look at typography, structure, documentation, colour, contrast and more. Each of these has a corresponding WCAG SC to help provide guidance.
7 Alternatives to Bullet Points in PowerPointAlvis Oh
So you tried all the ways to beautify your bullet points on your pitch deck but it just got way uglier. These points are supposed to be memorable and leave a lasting impression on your audience. With these tips, you'll no longer have to spend so much time thinking how you should present your pointers.
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
2. Goals
• Clear understanding of the format
• A good sense of where, when, why
• How to bake your own
• Ideas for how to enhance with grace
• A little about the various tools
• How to best use the new ID FXL export
3. How FXL ebooks are made
http://lifenebooks.tumblr.com/post/53204914234/how-ebooks-are-created
4. What is Fixed Layout?
• Print-replica format
• Absolutely positioned text overlays on image
backgrounds
• Text size cannot be changed
• Layout holds its shape, with very little device
fragmentation
5. Structure
• Very similar to reflowable
epub – same basic ingredients
• One HTML per page/spread
• CSS contains positioning
6. Where
• iBooks: iPads and on Desktop
• Kobo iOS and Android
• Google Play
• Kindle KF8*
8. Cautions
• Be sure to serve your content
• Check your digital comfort level when opting
for this format
• Refer back to “Where”
• Smaller distribution channels
9. More Cautions
• Opposite of responsive
• Text-heavy pages are going to give you device
fragmentation headaches
• Confusing consumer experience
• Expensive to produce
19. Viewport
• Defines the size and aspect ratio of the page
• An artifact of the print trim size
• Defined in the header, the CSS and must
match background image size
20.
21. Metadata
• Key difference, forces the device to render the
epub differently
• Make sure the orientation serves the content
24. Images
• 3.2 million pixels limit in iBooks
• Double pixel depth of viewport for pinch-and-
zoom
• Scaled via the CSS
• Avoid flattening text into the image
• Mind your alt text
25. Workflow1: prep
• Duplicate the ID file
• Fonts?
• Add in covers, endpapers, marketing pages as
required
• Edit out print-specific material from copyright
page
26. Workflow: Text1
• Add a header to
each page, set that
text to “break epub
here”, export to
reflowable to get
one HTML file per
page
27. Workflow: Text 2
• Children’s titles that will have MO:
– Text into something like TextWrangler with line breaks
– Mark the end of the line (xxx)
– Put each word on it’s own line
– Number the lines
– Use the following find/replace:
(d+) (.*?)(xxx)*r with
<span id="W1">2</span> 3
28. Workflow: Text 2 (cont’d)
• Replace xxx with r and you have the shape
back
• Using an HTML template for your book, create
the pages from your tagged text file
30. Workflow: Images
• Save-as
• Delete all the live text boxes
• Output the ID file as a series of JPEGs, sRGB,
150dpi
• Name in a simple manner: ISBN? Page
number?
• Use PNG only when you require transparency
31. Workflow: OPF
• List each HTML/image in the <manifest>
• Order them in the <spine>
• Adjust metadata
• Add fonts, media to the <manifest>
• Point container.xml to OPF
32. Workflow: CSS
• Dupe the ID file one more time
• Delete all artwork, empty frames etc., until
nothing but live text frames are left
• Run Rorohiko’s CSS Geometry script to get the
page <div> CSS for the positioning
33.
34. Workflow: CSS2
• Remembering viewport definitions from
earlier, write the CSS
• Simple, minimal – similar to reflowable CSS in
tone, clarity
• iBookstore Asset Guide says to avoid
fractional definitions, to define font size in
pixels not ems
• Fonts must be embedded
35.
36. SVG
• Use sparingly per
Asset Guide and
accessibility best
practices
• For type on a curve
• Include a fallback
• MO highlights may
not work
37.
38. FXL QA
• iBooks
• Kobo iOS and Android
• Readium (Chrome app)
• Google Play
• Test on device, not just in emulators!
39.
40. Read Aloud
• Syncing chunks of audio to highlight along
with chunks of text
• Need an .m4a
• Use Audacity to
demarcate chunks
of the soundtrack
41. Audio Sync
• Export tagged chunks
to a txt file
• Number the lines
• Regex:
^(d*)s(.*?)t(.*?)t
to
<par id="par1">r<text src="filename.xhtml#W1”/>r<audio
src="audio/filename.m4a" clipBegin="2s" clipEnd="3s"
/>r</par>
42. • Add a little header text and you have your
SMIL file. Ta da!
43. Okay, it’s tedious
• Liz Castro’s Read Aloud Miniguide is very
helpful
(www.elizabethcastro.com/epub/)
• An automated audio/text synchronization
tool, in beta: https://readbeyond.it/sync/
45. Audio Styling
• Customize the CSS
on a page-by-page
basis if you want
• Kobo support is varied – no highlight
customizing in Android; use CSS kobo-smil-
highlight for custom colour in iOS
• Read-aloud highlighting can be micro or
macro – at the word, sentence or page level
46.
47. Other Audio
• Ambient soundtracks are possible in iBooks:
<audio epub:type="ibooks:soundtrack"
src="audio/soundtrack.mp4"/>
• Controls will automatically appear but
additional start and stop buttons can be made
for iBooks
48.
49. Javascript
• Simple animations, small interactivities
• Call it in the HTML header, list it in the
<manifest>
• Good support from iBooks, Kobo iOS, Kobo
Android
52. But but but
• An hour or so ago, creating an FXL epub got a
lot easier
53. • This is big.
• Beautiful, clean,
pixel-perfect
layouts directly
out of InDesign
54. Things You Should Know
• Exports word-level positioning controls with
inline styling at <div> and word level.
• The HTML includes inline styling and
positioning.
55.
56.
57. Basics of Layout
• Clean layouts still matter (stern look) but,
well, not so much.
• Structure still matters
• Good typography habits matter a lot
• White space via em-, en-, or tabs won’t export
(as expected)
59. Fonts
• Fonts must be available for packaging
• Only OpenType and TrueType fonts can be
used
Also: kerning is not supported on individual
characters
60. Some tips and tricks
• Rules and box outlines won’t come out at the
same thickness
64. Best practices
• No sketchy typography practices
• Set up the ID file, deal with layers and
transparencies, and iterate from the file
• Especially for long documents, a clean
navigation file will make your life easier
66. Beware the z-index
• The z-index property specifies the stack order of an
element.
• An element with greater stack order is always in
front of an element with a lower stack order.
• Note: z-index only works on positioned elements
(position:absolute, position:relative, or
position:fixed).
67.
68. Final notes
• Conversion to KF8-FXL from this epub export
will be difficult
• Without word-level IDs applied to the <span>,
adding media-overlays will be tricky
• Revision is best achieved by re-running the
entire file – single CSS for the whole
document
Print replica = absolute representation of the print page in an accessible digital format.
Fixed-layout epub (FXL) is a print-replica format with live text. This is commonly achieved using xhtml with an image in the background and absolutely positioned text layered on top.
It is possible to make image-only FXL but the lack of live text hinders accessibility and prohibits added functionality like media overlays.
If you are choosing FXL because you want the page to look exactly like print, you might not be ready for digital, might not be serving your content.
If I haven’t talked you out of this format yet, then I guess we can start to talk about how to build these kinds of ebooks.
Comment about the book material that is on the editing room floor.
Portrait, full-screen, using all the real estate it can, lots of type.
Header Viewport Image with text laid on top
One HTML file per page
In Adobe’s FXL export, for example, 1inch = 72 pixels.
Explain quick and dirty way of using Photoshop on a spread to calculate it.
The top image is from the HTML, the bottom from the CSS.
In the OPF
Rendition:layout values can be reflowable or pre-paginated. If not specified, rendering engine assumes reflowable epub
Rendition: spread values = auto, both, none
Rendition: orientation = landscape, portrait, none
Be sure that your choices here serve the content + platform.
This skeuomorphism is unique to iBooks.
Header in the OPF is, of course, different.
When working on content where reflow is absolutely not okay, I put in soft line returns if they aren’t there already
Delete that “break here” header from the HTML post-export.
Some conversion houses prefer to work from Word files.
TextWrangler is freeware from BareBones software.
Putting each word on it’s own line = searching for a Word space and replacing it with a hard return.
RegEx is your FXL best friend.
Mind spaces/hyphens/odd characters in your naming conventions.
Talk about the advantages of having one background image in behind the text.
Talk about using a templated OPF and NCX and doing a simple find/replace for ISBN in XHTML file same.
Don’t make typos in the metadata!
Explain the percentages, how it is not in the iBooks Asset Guide but that it works everywhere.
Font stack is cut off in screenshot from the CSS
SVG doesn’t highlight in Kobo.
Text on a straight line should not be SVG, should be rotated using code in the CSS.
To create SVG: export ID to EPS, export EPS to SVG in Illustrator, open SVG in Dreamweaver, grab code from between &lt;g&gt; tags, insert into ebook.
Mind you don’t have any gaps in the audio; iBooks is forgiving but Kobo is not.
**This is where I start to scare you.**
In addition to listing the audio in the &lt;manifest&gt;.
Customize colour, background, shadow
Ambient controls go just inside the &lt;body&gt; tag, before the first &lt;div&gt;.
New option to have “none” as the TOC style so, for example, iBooks will default to thumbnail navigation only.
No way to opt out of CSS, only option is to add extra CSS.
Threading is ignored b/c you can’t flow text from one HTML page to the next
The width of each word is calculated; the next word starts after the word space. If the rendered word takes up less/more space, there will be overlaps or gaps.
No horizontal/vertical scaling, beware of ligatures, no outline or other ID typography enhancements. Tracking will export. You will get a message on export telling you that those things won’t export.
Vertical scaling was applied – because this doesn’t export, extremely funny spacing was the result.
Swap out Postscript fonts before export or your layout will be a mess.
Re-did the drawn lines to paragraph above and below rules to fix the problem.
In the first sample, there is an outline on the box around the type, and drawn rules above and below “chapter”. Changing those to paragraph rules above and below solved that problem.
Explain what’s going on in the code – inline styling, positioning.
Talk about getting a hodge podge of file types – including from publishers with really poor layout habits – an how a multitide of sins can be forgiven in this FXL output. But a clean &lt;nav&gt; will only be created from a reasonably clearly structured document. And that it will make all the difference at the other end in your FXL epub.
Hyperlinks out to a URL on an object is the only thing supported at this time.
The z-index property specifies the stack order of an element.
An element with greater stack order is always in front of an element with a lower stack order.
Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).