World Cup Typography: Yomar Augusto : Though game play ended a few weeks ago, this is still worth reading. FontFont’s Yves Peters interviews Brazilian designer Yomar Augusto, creator of the Unity typeface designed exclusively for Adidas. The typeface appeared on the World Cup ball and the jerseys for teams such as Germany, Argentina, and the 2010 champions, Spain. See also Paul Barnes work for the World Cup . … Read the rest here
UI Design Palettes for Illustrator : If you prototype in Illustrator, consider downloading this framework. Includes GUI elements, interface icons, and buttons styles, all of which can be dropped into your artwork and customized as needed. /via Zeldman … Read the rest here
8 Faces : I just purchased a debut copy of Elliot Jay Stocks ’ new print magazine that asks: “If you could only use eight typefaces for the rest of your life, which would you choose? 8 Faces is a new magazine for devotees of typography that asks this question — and many more — to eight leading designers from the fields of web design, print design, illustration, and of course type design itself.” Hurry though, only 1000 copies available. … Read the rest here
Mig Reyes : Not only will we be chatting in a couple weeks on Humble Pied , and not only does Mig’s new site execute minimalism well, but he does it by embedding one of my favorite new fonts, FF Meta Serif , with Typekit . Nicely done. … Read the rest here
Drew Strojny from the ThemeFoundry (who I knew from his lovely Traction theme ) recently asked me if I’d like to create a new WordPress theme for him. The offer-I-couldn’t-refuse was complete creative freedom, and the opportunity to make the design process visible. That doesn’t mean ‘open’ in the sense of ‘everything being up for discussion with the internets’ (that way madness lies), but documenting the steps as we go. Everyone has a different workflow, and my workflow isn’t necessarily the right approach for anyone else and vice versa. However, I still love hearing others explain their thought process – the ‘Design Eye’ panels at SXSW spring immediately to mind as being good examples. So on this blog, and on my dribbble account, I’ll be recording what happens as it goes along… Read the rest here
Phaeton Typeface by Kevin Cornell and Randy Jones : The always-entertaining Kevin Cornell: If you’ve ever made a font, you know how much work it is. Fortunately, I don’t. Because I was lucky enough to have teamed up with Mr. Randy Jones in the creation of Phaeton, which made it significantly more fun and less stressful. It was a good match-up, because brains are like chewing gum. I shall explain. … Read the rest here
Font metrics and vertical space in CSS : Tim Brown from Typekit explains the complexities of visible and invisible vertical space between characters when typesetting with CSS. … Read the rest here
WebINK Font Embedding by Extensis : Another entry into the font embedding market, this one by Extensis. Fonts foundries currently include Mark Simonson Studio, Porchez Typofonderie, TypeTogether, URW, and exljbris. One nice feature seems to be the ability to control kerning within your font settings rather than just through the letter-spacing CSS property. I’m not certain, however, that kerning should be set off-site rather than within the CSS. (Though admittedly, the current CSS/browser support for kerning is lacking considerably.) … Read the rest here
If you upgraded Thunderbird and discovered that the fonts used to display messages suddenly changed, and worse still, you were unable to get all messages to obey your font display settings, then this post is most likely for you. Here’s what happened to me: I upgraded to Thunderbird 3.1, and suddenly all my messages were in a font I didn’t recognize or appreciate. I insist on seeing only the plain text version (technically, the text/plain part) of all my e-mail; and what’s more, that it be displayed in a monospace font. Courier 13, in my case. So I made sure “View > Message Body As” was still set to “Plain Text”, which it was… Read the rest here
Tuning Condensed Fonts with Typekit’s WebFont Loader : Jason Santa Maria: With all the webfonts available for use on websites, we have to deal with something we haven’t had to worry about before: condensed fonts. Most of your standard typographic guidelines will still be the same, but the biggest difference is sizing and font stacks in your CSS…. I’ve solved this problem on my personal site where I use Mark Simonson’s Proxima Nova Extra Condensed by incorporating some of the events in WebFont Loader to adjust the size of my text when @font-face isn’t supported [or FOUT occurs]. I’m currently running into this exact issue with a project. Impeccable timing, Jason. … Read the rest here
FontShop Educational PDFs : Each of these PDFs are brief but packed with plenty of examples. And they’re free. (Skip to the “ Download all Educational materials ” link at bottom.) /via Brian Hoff … Read the rest here
The Declaration of Independence, Rendered with CSS3 and @font-face : The markup is fairly clean, but still somewhat presentational. On the whole, however, this is nicely executed. … Read the rest here
St Marie, a Free OpenType + Webfont Typeface : St Marie is a lovely typeface by Stereotypes , available under the terms of a Creative Commons License . The download package includes the .otf file for offline designing, as well as the .eot, .svg, and .woff formats for font embedding ( demo ). … Read the rest here
Keynote Wireframe Toolkit : Wireframing with Keynote is a reasonable pitch—it’s affordable, rapid, and uploading to iWork.com makes annotating and collaboration easy. (I’m currently sharing concepts with a client via Keynote slides posted to iWork.com, though the original screens were created in Photoshop.) This toolkit by Travis Isaacs contains many of the essential elements for prototyping an app, including 960-based grids, standard banner ad sizes, and click/tap/swipe/pinch indicators for those reviewing the prototypes. /via Mark Wyner … Read the rest here
If you’ve been hoping to purchase a copy of my Colosseo poster but haven’t had the funds or the wall space, this new product might be for you. The Colosseo 8”x10” Letterpress Print is a cropped version of the full 24”x16” poster. It’s affordable to frame, and shipping to anywhere in the world is included in the low price of just $25. A black version is also available for $50. Both prints are of the same quality, paper, and letterpress process as the original posters. … Read the rest here
I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. I don’t think I’ve read anything as exciting and inspirational for a long time… Read the rest here
I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. I don’t think I’ve read anything as exciting and inspirational for a long time. … Read the rest here
I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. … Read the rest here
I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. … Read the rest here
“Swype” Input for Touchscreen Mobile Phones : The New York Times reports on a technology in development by the same inventor of T9, a predictive text input technology used by most “candy bar” phones with numeric keypads. Watch the Swype demos on YouTube . Try it out on your iPhone or similar touchscreen device. You won’t be able to type anything, but it seems to me there’s a noticeable speed improvement over thumbing. This tells me the technology has potential… Read the rest here