Font Selection
All type shares characteristics. We'll look at some of them before we dive into selecting font stacks and other type related element. As we move along we'll discover that these elements are all...
Home
Type Terminology and Definitions
Before we dive into Type selection we'll do a few things: clear terminology and setup some common definitions to work from. The first one is the difference between typeface and font and then we'll...
Why Typography
This is the first of a series of articles on Typography and the potential of text on the web Over the past few months I've rekindled my interest in typography; how it works in print and how it works...
Responsive SVG graphics
One of the most intriguing things I've learned about SVG over the last few months is that we can run CSS, including media queries, inside the SVG file itself so the queries will modify the internal...
Books as (web) apps
What would it take to make our books in to applications for the web? In this article we'll explore what is an application, what is a web application, why it now makes sense to turn our books in to web...
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...
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...
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...
XML workflows: Introduction
One of the biggest limitations of markup languages, in my opinion, is how confining they are. Even large vocabularies like Docbook have limited functionality out of the box. HTML4 is non-extensible...
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...