Design Elements: Typography Fundamentals

A smart, approachable guide to the basics of typography. Kristin Cullen’s Design Elements: Typography Fundamentals focuses on the language of type and typesetting tips with rich visual complementaries. Yet what makes the book a pleasure to read and the subject easy to absorb is Cullen’s accessible instructional writing.

SMACSS & SASS

I had to read Jonathan Snook’s SMACSS twice, the second time much slower, to digest the author’s analytical process on CSS categorization. In a nutshell, Snook divides his styles into five parts: base, layout, module, state and theme. I like his naming convention to make the stylesheet more readable. For example he uses prefix like .layout- for layout.

When writing my CSS, one of the rules I try to avoid is deep nesting and Snook suggests the same:

We are trying to strike a balance between maintenance, performance, and readability. Going too deep may mean less “classitis” within your HTML but it increases the maintenance and readability overhead.

The chapter on CSS preprocessor serves as a great introduction; therefore, Hampton Catlin (inventor of Sass) and Michael Lintorn Catlin’s Pragmatic Guide to Sass is a perfect complement to get started with Sass. The lean, concise instructions will help you start using Sass’s features including variables, mixins, nesting, importing, extending and take it to the next level with Compass.

I have started to apply Snook’s categorization in my CSS and it is indeed very effective. I am also working backward to get my style.css rewritten into style.scss only to recompile back out to another style.css. It seems like a redundant’s redundant task, but the process helped me see how Sass handles CSS. I recommend both books if you still have yet to make the leap to preprocessor.

The Truth About HTML5

After reading Luke Stevens’s The Truth About HTML5, I just want to get rid of all the new, shiny HTML5’s structural elements on this site. He made a convincing argument (backed up with thorough research) how these new elements aren’t accessible as they are intended. We’re better off using divs with AIRA attributes. I have read a handful of books on HTML5, but The True is by far the most engaging and provocative on the new markups. If you’re still confused between section and article, The True will definitely set the record straight. (Hint: It’s not you). Must-read for web practitioners.

Reading Letters: Designing for Legibility

Written by someone who holds a PhD on typeface familiarity and its relation to legibility, Reading Letters is packed with research on reading process, history of typography and visual illustration. Sofie Beier has done an exceptional job of pulling together all three aspects to give readers the art and technicality of legibility. From text sizes to letter spacing to the capitals and italics to choosing between sans and serif, this book is a must-read and many rereads for both web and graphic designers as well as anyone who cares about legibility and readability.

Mastering Type

Fresh out of college, I worked with talented graphic designers who graduated from Kutztown University Communication Design. Hung Nguyen, an alum from Kutztown, was one of my early mentors when I worked briefly at Triple Strength.

When I picked Mastering Type: The Essential Guide to Typography for Print and Web Design off the shelf, I was excited that the author, Denise Bosler, is the professor of communication design at Kutztown. This book is a pleasure read. It starts out with a brief history of type, then progresses to letter, word, sentence, paragraph, page and screen. From kerning, tracking, leading, word spacing, aligning to legibility and readability, the book provides insightful guides and the best parts are the good-vs.-bad illustrations. Well done!

A Type Primer

John Kane’s A Type Primer (2nd Edition) is an excellent read for beginners who are interested in typography. The book is clear, concise and filled with beautiful, practical illustrations. The author has over 20 years of experience in teaching typography and the book proved his credential. The last chapter on grid systems is pure gold.

MODX: The Official Guide

I work with MODX Evolution the day I took on a new job, which is four months ago, at George Mason Law. Since the site already built out, I just needed to learn my way around the system. I knew enough to redesign the entire site with HTML5 and responsive layout. It was a daunting task, but MODX gave me the flexibility to accomplish my goal.

Now I am learning to build a site from scratch using MODX Revolution and Bob Ray’s MODX: The Official Guide is indispensable. Through almost 800 pages, Ray demonstrates his inside-out knowledge of MODX. Using the book as a reference, I was able to put together a CMS-powered site with the exact markups I had intended. I am now in love with Revolution.

Highly recommended if you want to learn MODX. Must-have if you develop sites using MODX.

A Practical Guide to Linux Commands, Editors, and Shell Programming

As a new command-line user, I find Mark Sobell’s A Practical Guide to Linux Commands, Editors, and Shell Programming an indispensable resource next to Google. I picked up a handful of Linux books, but this is the only comprehensive text that focused mainly on command line.

After reading the book from cover to cover, I have learned the power of using command line and how not daunting the black screen with white text appears to be. Part V, “Command Reference,” makes this book a must-have guide next to my office desk, especially with the cover of Mac OS X. Highly recommended.

Drupal 7 Bible

New to Drupal? Ric Shreves and Brice Dunwoodie’s Drupal 7 Bible is a perfect starting guide. From the painless installation process to all the core features to customizations, Shreves and Dunwoodie make Drupal seems less intimidating than it appears to be. By using Drupal, one can set up a solid, powerful content management system without touching the codes.

I am fairly new to Drupal simply because most of the work I have done could be accomplished using WordPress. While both WordPress and Drupal are content management systems, they serve different purposes. The choice to implement one over the other is up to the web designers and developers, but to have both for us to use for free is a huge advantage.

Professional Mobile Web Development with WordPress, Joomla!, and Drupal

This is the first book I read on mobile web development; therefore, I find the first few chapters to be very informative, especially the concise history of the mobile web. While I am familiar with the general mobile techniques, the book has tips that I find helpful like using Sencha.io Src to deliver optimized images with responsive web design.

While the discussions of incorporating mobile web with WordPress, Drupal and Joomla! are short (mostly involve activating plug-ins and modules), the book provided some valuable comparison between the three platforms to help readers pick the right one for the project.

Mobile web is clearly on the rise and us designers need to jump on the bandwagon. Even if you don’t work with WordPress, Joomla!, and Drupal, James Pearce’s Professional Mobile Web Development provides a great introduction to one of the future’s most popular web browsing devices.

Contact