Quipsologies Redesign : This is gorgeous and original. Fonts are rendered with Typekit, featuring Coquette, Skolar, and P22 Underground. (Armin, a Twitter account would let me credit you guys for all the linkage I lift from your site.) /via @jasonsantamaria … Read the rest here
WebKit HTML5 ‘search’ Inputs : A thorough overview of the support for input type=”search” and what can (and cannot) be customized for WebKit rendering. … Read the rest here
Subtlety, Deconstructed : The ever-sagacious Seth Godin: Subtle design and messaging challenge the user to make her own connections instead of spelling out every detail. Connections we make are more powerful than connections made for us. If Amazon and Zappos had been called ‘reallybigbookstore.com’ and ‘tonsofshoes.com’ it might have made some early investors happy, but they would have built little of value…. It’s tempting to turn the dial all the way to 11, the make everything just a bit louder. The opposite is precisely what you might need. … Read the rest here
Adobe Partners with Typekit : Hello Bickham Script Pro, Garamond Premier Pro, Trajan Pro, Cooper Black, et al. … Read the rest here
Just How Popular are List Posts? : Collis Ta’eed, after mentioning list posts garner almost seven times as much as his site’s traffic mainstay of reviews, provides this wise observation: The reality is that list posts don’t build a great blog. The problem with lists themselves is that they tend to lack a voice. When a publication has no voice, there’s really nothing to differentiate it from another publication that publishes similar lists. Rather I think of them as traffic traps to catch new readers and to introduce them to our regular content types: reviews and how-to posts… Read the rest here
Cure for the Common Webfont: Alternatives to Arial, Helvetica : Armitage, Proxima Nova, and FF DIN are all excellent choices. … Read the rest here
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