One Final Thing

One final thing For those of us who have been playing in/with ‘the web’ for 10 years or longer remember pages like the ones in the figures below. There was no Javascript and, I believe, the original CSS specification was released in 1996 so there was no CSS to play with. Why do I bring this up? Because we’ve gotten spoiled by riches. We talk about critical rendering path, page load and web typography and that’s good. But we forget that what may be an acceptable page load in Mountain View, California may not be acceptable in Thailand where the

Test the hell out of everything

Testing on web applications is usually a pain and testing for our typographical work is no exception. We’ll discuss how to build a cross-platform arsenal with a single laptop, Open box and 2 virtual machines and how to use that arsenal to test our content, do screen shots and even start adding ebook apps on all of them. Here we go: What do we need to test with? I’m a Mac user so that’s my primary platform for testing and development. In my Mac I have the following browsers and applications: Desktop Chrome release and Canary The Canary channel has

Explorations and Experiments

Jen makes a great point on her presentation. Where are the awesome layouts that we see in print reflected on the web? We are not tied into the “rectangular boxes” wisdom of the web anymore. We have technologies like shapes, clip paths, masks and many other technologies that make square boxes almost obsolete. Don’t get me wrong… rectangles have their place and we shouldn’t make all out content replicas of printed material but, Rather than taking the challenges and opportunities of print as a source of ideas and inspirations we became stuck in the Holy Grail layout (and we’ll leave

Getting Fancy: Blend Modes

Compositing and Blending Level 1 candidate recommendation provides a way to composite elements in HTML and SVG using CSS. Think of the way you can create non destructive clips and masks in Photoshop; the idea is the same but rather than use Photoshop we can use CSS in the browser. We’ll look at the basics of CSS Blend Modes and some examples of their applications to text. The specification is supported in Firefox, Chrome and Opera with partial support in Safari and, as far as I can tell, without prefixes (according to Getting started One of the first examples

Getting fancy: Shapes and masks

CSS Shapes allow designers and content creators to match some magazines layouts where the text wraps around images and other polygonal and irregular shapes. Why do I include shapes in an essay about typography? As you can see in the examples below, shapes change the way the text relates to the surrounding images. Imagine what we can do with irregular shapes or letters (thinking of Dropcap applications).It can also be used to create shapes with text inside the shape (this is not part of the level 1 specification and deferred to level 2 which is currently a working draft.) [codepen_embed