05401, 05403, 05446, 05462, 05482, 05673, 05701, 37signals, 40hz, 2008, 2010, aardman animations, ac propulsion, adium, ads, aim, airport, al franken, algorithm, amazon, andy hertzfeld, animation, apache, apple, applescript, architecture, archive, art, article id, asterisk, at&t, atom, automobile, away message, backpack, badge, barack obama, basecamp, bash, beos, bernie sanders, bicycling, bill atkinson, billboard, blacklisting, blog, blogroll, blogzot, bluetooth, blunt, bluray, book, bookmarklet, bot-net, brad bird, browser, btv, bug, build, bungie, bunny, burlington, call of duty, camera, camping, can-spam, cars, centralized, channel camp, chocolate, classic, classic mac workshop, clothing, cms, collection, color classic, comedy, comedy central, comic, computer, concert, conversion, cookbook, corrosion, cowards way out, crack, crashing, creature comforts, criticism, daring fireball, darwin, dashboard, david byrne, dcl, death, delicious, derbi, design, development, digg, dilemma, discussion, disney, domain, download, drivers, dvd, dynetk, e-mail, e3, easter, ebox, eckhart, eckhart köppen, eckhart koppen, eddie izzard, edward gorey, einstein, election, electric motorcycle, electric motorsport, electric vehicle, electronics research laboratory, elmo, emate, emulator, encryption, environment, environmental impact, erin mckeown, escale, exploit, express 530t, expressionengine, feature, feed, feedburner, filtering, finance, firmware, fixdavsvn, flickr, flynn center, focus, font, food, ford, for sale, free, freeverse, freezing, fresh air, frog design, front row, fusion, games, gears of war, geek, geek technique, geocities, gmail, google, gpr, grammar, grant hutchinson, graylisting, gtd, hack, haiku, halo, hayao miyazaki, health, higher ground, highrise, hiking, hiroshi noguchi, history, hope, hotspot, html, html5, hulu, humor, hybrid, hybrid technologies, hypercard, intel, internet, interview, ipad, iphone, ipod touch, isao takahata, itunes, jabber, japan, javascript, jetblue, jfk, john gruber, john oliver, jon stewart, kid koala, launchd, layover, leopard, liberal, long trail, lorem ipsum, mac, macbook pro, macpaint, macworld, maczot, magazine, mail, maine, makkintosshu, marathon, marketing, mark hoekstra, matthias melcher, media, mesagepad, messagepad, microbus, microsoft, mobileme, model s, modern warfare, money, monitoring, moon river, motorola, movie, movies, mrtg, multitasking, music, mwsf07, mystic, nascar, ncx, nda, netflix, network, newton, newton os, newton press, newtontalk, newton x press, nick park, nitch, npr, on point, openpbx, open source, operation ivy, optimization, organic, os 6, os 8, os9, osheaga, osx, os x, owc, package, palm, password, patch, paul guyot, pbx, pdf, pesticides, photography, pico card, pilot, pixar, playstation, plist, plug-in, pod jungle, politics, productivity, ps3, psp, pump-and-dump, quickdraw, quicksilver, racism, rack-n-roll, radio, ratatouille, rebooting, recycling, remake, required reading, restoration, retrochallenge, review, roadster, room without a window, rss, scion, screencast, script, search, security, server, sesame street, seven days, shame, shelburne, shelburne museum, shirt, shoppinging cart, signature, simon bell, small dog electronics, snow leopard, social, software, solution, sony, spam, spam haus, startup item, statistics, status, stefano paris, stephen colbert, steve jobs, steven colbert, steven frank, studio 360, studio ghibli, subethaedit, subversion, susan kare, swiss, sync, syndication, sysmon, tablet, tags, tax, technorati, ted talk, television, terry gross, tesla motors, textpattern, the colbert report, the daily show, the flaming lips, the gashleycrumb tinies, the radiator, the world, times argus, titles, tkip, todd kollins, tom gage, trailer, travel, tree, trends, troubleshooting, truetype, twitter, typography, tzero, unicel, unna, update, upgrade, url title, user interface, v710, venue, verizon wireless, vermont, victor rehorst, video, virtualization, vmware, volkswagen, volvo 122, vpr, vw, wait wait don't tell me, wall-e, wallace & gromit, wavelan, web, web 2.0, webkit, web site, whitepaper, wifi, wikipedia, windows, winter warm-up, wireless, wpa, writing, wwdc, wwnc, xbox 360, xbox live, xhtml, yahoo, ze frank, zero emission
Articles Tagged "design":
frog design's Apple Tablet ¬
2010-01-25
Some great tablet-like work from frog design during Apple’s “Snow White” era.
[Via Engadget]
Swiss Chocolate Knife ¬
2010-01-04
Don’t accidentally grab one of these on your way out the door. (Or, maybe do.)
'3 Warp Speed Architecture Tales' ¬
2009-10-01
Bjarke Ingels flies through three stories of beautiful architectural designs during his 2009 TED Talk. I’m in awe of the apartment building with inbuilt parking (the second story) where all the apartments have southern exposure. Especially:
And the facade of the parking, we wanted to make the parking naturally ventilated. So we needed to perforate it. And we discovered that by controlling the size of the holes we could actually turn the entire facade into a gigantic, naturally ventilated, rasterized image. and since we always refer to the project as The Mountain, we commissioned this Japanese Himalaya photographer to give us this beautiful photo of Mount Everest, making the entire building a 3,000 square meter artwork.
I love the fact that they, “cut up the volume, so [they] wouldn’t block the view from [his] apartment.” How frequently do architects consider what the view is like from the surrounding buildings? It feels like the majority believe people will be gratified that they’re looking at the masterpiece in front of them.
Xbox Experience Concept Art ¬
2009-01-30
Nice shots of one of Gridplane’s concepts for a redesign of the Xbox 360’s user interface. Of course, this became the basis of the New Xbox Experience.
[Via engadget]
Meet Em (No Relation) ¬
2008-01-10
I’ve been using em-based text-sizing on this site for a number years using Richard Rutter’s methods and have done well by them. He recently expanded upon his tricks for A List Apart and proved the consistency you can achieve with them.
But there’s one thing that’s occasionally in the back of my mind: what exactly is an em? I had some remembrance that it originally got its name from some aspect of the size of a capital M, but that’s about it.
I must have glossed over Richard’s definition having read the article too many times:
“Classically, an em (pronounced emm) is a typographer’s unit of horizontal spacing and is a sliding (relative) measure. One em is a distance equal to the text size.”
Oh, that’s right, it’s the height of the font. Actually, there’s more to it than that, especially depending on whether you’re a typographer, a type designer, or a software engineer. Font Beureu’s Type 101 blog has the full details (including illustrations) in their post The Em. Go read it.
I’ll leave you with the following excerpt (and many thanks directed at Grant Hutchinson for noting the article):
“In my view, the em is a fundamental unit of typography. It plays a critical role in the design of a typeface, in the technology to compose and render the typeface, and finally in the decisions made by the typographer when setting the type. In fact, from the type designer’s point of view, the em is what forms the basic module used to compose letters into words, words into lines, and lines into paragraphs. It makes movable type possible.”
Casual Newton Wednesday ¬
2007-12-19
Thomas Brand has updated [his] Newton Blog to even further emulate the Newton OS 2.1 experience by applying the Apple Casual font to his Tweets section.
This is a twofold implementation so as to support as many browsers as possible, using sIFR (Scalable Inman Flash Replacement) and CSS2’s @font-face (see A List Apart’s CSS @ Ten: The Next Big Thing for further details).
Many thanks to Thomas for implementing the latter after a brief chat via Twitter!
makkintosshu reloaded ¬
2007-07-31
The design you’re now looking at was developed in late-January/early-February and I’ve been waiting to get a chance to implement it. Unfortunately, that chance never came so decided this morning to Just Do It™.
The previous design had been built from basic evolutionary changes to a design I created back way back in 2001 using HTML4 & tables (yuck!) and had recently become more of a sandbox for testing than anything else. My goals with this new design were to slim down the XHTML & CSS, to simplify the site, to take the two-tone color palette a little more grayscale, and to focus a lot more on the typography.
I’m sure I still have a few CSS tweaks here and there and probably some fixes to the Textpattern pages & forms, but this is what it will generally look like. I hope you like it!

