Tips for Faster PSD to HTML Conversions

Photoshop, Firebug, and coding shortcuts to help you with pixel perfect layouts

Ever wonder how those PSD to HTML services do the job with such a quick turnaround, sometimes guaranteeing valid code in 24 hours on even the most complex PSDs? The task is roughly 40% breaking up the PSD logically, 20% coding, and 40% moving elements around until everything fits together. Here are some tips I’ve learned from years of experience and trying to find new techniques in those tutorials the web has too many of. Contents Photoshop Techniques Save for Web Convert to Smart Object…

Understanding @font-face and Typography

Font implementation and semantic differences in terminology

davidosomething.com currently uses the @font-face CSS rule to load and define fonts. The key point is that fonts, and not typefaces, are defined. A font is “any variant in a typeface’s size and style” (Jon Tan). A key element missing from many @font-face resources online (e.g., tutorials, and CSS generators like Font Squirrel) is the definition of weight and style in the @font-face rule. These two properties are vital when you want to properly use a typeface. Many professional typefaces come in…