Semblance

Graphic Design and Web Design

Archive for August, 2010

Book review: HTML5 For Web Designers, by Jeremy Keith

by Elzette Roelofse. 1 Comment

I could have been one of the first people UK to receive HTML5 for Web Designers. I am a big fan of A List Apart and was keen to pre-order the first book of A Book Apart. I must admit, the first glimpse of the size of the book took me by surprise. But the first part of Dan Cederholm’s (author of Handcrafted CSS and Bulletproof Web Design) quote on the back of the book made sense and the second part put me at ease and curiosity at the same time.

Crack open this book after you fasten your seatbelt in Boston. Before you land in Chicago, you’ll stop worrying and finally, fully understand HTML5. As usual, Mr. Keith takes a complex topic and eloquently describes it for the rest of us.

It is a ‘light’ informative read (with comparisons throughout the book that has a funny twist to it), thus after a few weeks I thought to read it again. Even though reviews of this book have been popping up all over the interwebs, I want to have a mention of my own.

The beginning of the book, chapter 1, starts with ‘right from the beginning’. Some things you might know and some things I did not know and how HTML5 is moving things forward for a semantic web and web applications.

Chapter 2 explains about the basic structure of HTML5. Not necessarily the ‘birth of HTML5’, but the support for existing elements, elements that is obsolete, redefining some elements and the development there forth. This chapter also includes design principles such as “Do not reinvent the wheel” and “Pave the cowpaths”.  And once again with excellent comparisons, HTML to everyday things (from a movie, Greek mythology to train spotters) that made me smile.

Chapter 3 introduces the new exciting media elements. A thorough uncomplicated explanation of the <canvas> element with the available attributes. The limitations it has for now (lack of accessibility), but how it currently can be used in web design. The <audio> element also rolls out with a list of attributes and their values — if they have — in simple terms and the nifty things you can do with it.

html5-wd2

Chapter 4 is dedicated to web forms. HTML5’s new and expanded form elements and how new additions replace the use of JavaScript (well, until all browsers support it). There are a lot of cow paths being paved…

Chapter 5 is all about semantics! It consists of a thorough list of new elements and their use in the HTML5 mark-up – paving more cow paths in the structure. It also consists of a handy update to the content models and their new names. It includes examples of how to use the new structure elements and how it influences the outline of a document.

Chapter 6 end the book off with how we can use HTML5 today.

In all seriousness of HTML5, the light hearted, quirky writing style made it a joy to read. The stylish, modern design and layout of the book by Jason Santa Maria complements the editorial.


8 Faces – Limited Edition #1

by Elzette Roelofse. 0 Comments

A couple of weeks ago the announcement of 8 Faces took the design world by storm. It is a limited edition magazine about typography and design. For the first issue a thousand copies was sold out in 2 hours. It also caught the interest of The Independent, New Statesman, Typedia, Needs/Wants, and PSFK. I was one of the lucky ones to get my hands on a copy.

8face-1(1)

My first impression, holding the magazine in my hands — a bit smaller than I thought— 21X21cm to be exact. I think the sneak peek from the PDF, viewed from view port to view port on a relatively big monitor, put me under the wrong impression. To justify the excellent overall design and layout I had more along the lines of 25X25cm in mind.

8face-1(2)

Besides size and the excellent overall design and layout, I love the attention to detail. I received the magazine in decent packaging to avoid any damage in the post with a little 8 Faces sticker on the outside front. It is printed on a heavy uncoated stock. As a huge fan of print finishes, the silver foil blocked title is the cherry on the cake! Oh, last but not least, included is a bookmark (a MOO card) to say ‘thank you for the purchase’. Even though it is the digital age and a lot of people think print is dying, clearly there was a gap in the market for a venture like this.

The concept is an interview with eight leading designers from the fields of web design, print design, illustration and type design. Each interview end with the answer to the question; If you could use just eight typefaces for the rest of your life, which would you choose? The first issue feature interviews with designers Erik Spiekermann, Jessica Hische, Ian Coyle, Jason Santa Maria, Jos Buivenga, Jon Tan and Bruce Willen & Nolen Strals and The League of Movable Type. I guess, not strangely enough, the type designers choose mostly their own fonts.

8face-1(3)

The editor also hits it on the nail with the articles and interviewees. It ties in well with a few lines out of Jason Santa Maria‘s interview:

What matters is the story that we’re telling: the content. And the design of that content is there to reinforce it – it’s there to help tell that story.

All in all 8 Faces #1, with Loreena McKennitt in the background, completed my Saturday afternoon. It is a great read on great designers touching topics such as lettering, typography and typography on the web today.

8face-1(4)

8face-1(5)

On the printing side of things

I read Elliot Jay Stock’s blog post On publishing. He talks about the production process of the magazine, different printing processes and how he decided to go with the digital print option.

For a print run of a thousand copies or higher, I am definitely a fan of lithographic printing. Some of the known issues with digital printing are the dot size, especially when it comes to printing a shade of a colour. Even more so, with gray shapes that is made up of a percentage of black ink only. Even though the quality of digital printers has improved a lot over the last years, lithographic printers are still ahead of the game when it comes to quality. The dot pattern of lithographic printing are a lot finer. This is noticeable in the gray text and lines in the magazine.

The advantage though with this issue printed digitally, was to dynamically number each copy. Even though I am more of a litho printed gray dot fan, for a digital printed magazine it is made really well. Another issue with printing digital is getting the registration spot on. The design of the magazine has a thick stroke that runs horizontal across the page through out the magazine. And through out the magazine it matches up perfectly, including from one spread to another.

From a print point of view it would be interesting the compare the first digital printed issue with the second lithographic printed issue. From an overall magazine point of view, I am looking forward to read the next issue!


shadow