SVG Clip Path and Shapes. An interesting alternative

We’ll borrow a play from the SVG playbook for this post. We’ll use clip path to generate masks around an image to control what the user gets to see and what shapes the image takes without changing the image itself. We’ll look at the process and then we’ll build an e-book with examples to test ...

Trimming the CSS fat

Trimming the CSS fat
Trimming the CSS fat After reading India Amos Degristling the sausage: BBEdit 11 Edition I thought I’d share my tricks for making CSS files as small as possible. While I learned these tricks as a front end developer they apply equally to creating content for e-books. One thing that has always stopped me from fully ...

XML Workflows: Tools and Automation

Because we use XML we can’t just dump our code in the browser or the PDF viewer and expect it to appear just like HTML content. We need to prepare our content for conversion to PDF before we can view it. There are also front-end web development best practices to follow. This chapter will discuss ...

XML Workflows: CSS Styles for Paged Media

XML Workflows: CSS Styles for Paged Media
This is the generated CSS from the SCSS style sheets (see the scss/ directory for the source material.) I’ve chosen to document the resulting stylesheet here and document the SCSS source in another document to make life simpler for people who don’t want to deal with SASS or who want to see what the style ...

XML Wokflows: From XML to PDF: Part 2: CSS

XML Wokflows: From XML to PDF: Part 2: CSS
With the HTML ready, we can no look at the CSS stylesheet to process it into PDF. The extensions, pseudo elements and attributes we use are all part of the CSS Paged Media or Generated Content for Paged Media specifications. Where appropriate I’ve translated them to work on both PDF and HTML. Book defaults The ...
%d bloggers like this: