Web Standardistas - HTML and CSS Web Standards Solutions

March 2010 Archives

iPad Application Walkthrough

iPad Application Walkthrough [Detail]

Should the Guided Tour previews of the iPad in action posted by Apple prove resistible, Boy Genius Report have helpfully collected, “a plethora of iPad application screenshots,” designed to further tempt you.

You (and your credit card) have been warned.

1269970680 · Christopher Murphy · Follow Us on Twitter

Tempting

Click to play the Safari Guided Tour [Detail]

Apple have (in a gentle nod to your credit card) posted Guided Tour previews of the iPad in action. In a word: Tempting.

1269970200 · Christopher Murphy · Follow Us on Twitter

Hello World!

<!DOCTYPE html> [Detail]

Jonny Campbell is a conversational media designer based in Belfast. His shiny, new web site is painstakingly built with a twist on an idea originally championed by Elliot Kember (who Campbell collaborated with to build - pardon the pun - Tweets From Build in 2009).

Campbell has turned Kember’s page curl effect (which peels back to show the document mark-up) on its head; presenting his typographically inspired web site behind an initial layer of carefully crafted HTML. Campbell has written about the inspiration for the site in his Journal, which is equally worth a boomark.

(Disclosure: Mr Campbell is a student on the MA Multidisciplinary Design programme that we run in Belfast.)

1269618540 · Christopher Murphy · Follow Us on Twitter

A Dozen Questions for Ms de León

Feed Me!

Yaili – full name Inayaili de León – is a web designer, writer and Hipstamatic evangelist, with a passion for handmade web design. Originally from Portugal, she now lives and works in London.

When not working for brand consultants FoxLand, Yaili runs the highly regarded Web Designer Notebook, an invaluable resource for anyone interested in standards based web design, HTML5 and CSS3.

Not afraid to dive deep into the most esoteric specification documents, Yaili has a talent for translating even the geekiest module specification into human, and explaining its relevance to her audience of web designers and developers. She’s proven this talent (over and over again) in her articles for, amongst others, 24 Ways and Smashing Magazine.

We asked Ms de León a dozen questions.

Handmade Web Design

Where did you learn your craft?

All the knowledge I use on my day-to-day job I’ve learned from the web: reading blog posts, viewing source, reading books, listening to those who have something to say and teach, and asking questions. Sadly, none of the things I’ve learned in school proved useful.

Who inspires you?

People that truly love what they do. It doesn’t have to be people that work on the web; it can be a fashion designer, a shoemaker, a coffee shop waiter… anyone that exhibits happiness while working – that’s how I want to feel.

What are your influences?

Tough question! I like to find inspiration in places like: Flickr; fashion and graphic design magazines; people in the street; the bits of design that are scattered around the streets that you usually don’t look at, or don’t think about; the music I’m listening to… I guess that means I like to be influenced by the world around me.

ReNewAddington [Detail]

How does it feel to have the entire front page of Google? 1

Ha ha! :) It’s a bit scary. Having an unusual name makes every single thing you say online discoverable, so I have to be careful with what I post on forums, blog comments, etc. — these things don’t go away.

It makes it easier to hand out business cards with just my first name on them though, and my username is always available!

Why are there so few women in web design?

I guess, in general, there are fewer women than men in technical jobs, not just web design. I have no scientific explanation for that, but I’m sure there is one. It’s not something I think about, to be honest.

You seem to have an intense passion for your subject; what fuels that passion?

Seeing that, even with so many freely available information on the web, people still: do things the wrong way and have no interest in changing that; I still receive markup from seasoned web designers that makes me cringe; and I realise that there are people genuinely interested in reading more about the subject.

Richard Kindersley

You’re well known for pushing the boundaries of what’s possible with CSS; what is the source of your magic?

I’m not sure I push the boundaries. I think one of the things that works in my favour is the fact that I’m more than happy to read what most people classify as “boring specs” and translate them into a more human piece of text and working examples — something less scary and more practical and friendly.

The stuff I’ve been writing about lately is stuff I’ve known for a long time, just because I took a little time aside to read and experiment.

You enjoy writing. What role does writing play in your overall strategy to take over the world?

I really do love writing. As I mentioned above, I like to take a little bit of a scary specification and make a simple and understandable example out of it. It’s not rocket science, but I like to know I’m helping someone by doing that.

I also enjoy writing less technical posts; they’re actually quite enjoyable to write since you don’t have to keep making sure all of your markup is working cross-browser, you can just let the words flow as they come into your mind.

I have no interest in taking over the world though, I’m sure that would bring a whole assortment of worries that I don’t really need.

You’re quite the internationalist; how, and why, did you settle in London?

It happened so fast, I had nothing planned! I saw a job opportunity in London that I liked, I applied for it, I got the job and I came to London. It all happened in a matter of two or three months, if I remember correctly.

I had always wanted to live in London though, it’s my favourite city in the world, and I feel happier just by being here.

Bulletproof Ajax

What’s your favourite typeface?

Today? :) I’ve been obsessing over Microsoft’s ‘C’ fonts - Calibri, Cambria, Candara, Constantia, Corbel - for a few weeks (perhaps months?) now.

What’s your favourite plain text editor?

Oh dear… I use Dreamweaver — in code view, of course — and I’ll defend it fiercely. I’ve tried others, like Coda, Espresso, CSSEdit, Textmate… but I always go back.

What’s your favourite tea?

I’m in love with Yumchaa’s Raspberry Vanilla blend, with a hint of honey — yum!

1269526200 · Web Standardistas · Follow Us on Twitter

Instapaper on iPad

Instapaper on iPad [Detail]

Marco Arment on developing Instapaper for Apple’s soon-to-drop iPad (emphasis Mr Arment’s):

I could have taken the conservative option and waited until a month or two after the iPad’s release before launching Instapaper for it, but an iPad without native Instapaper Pro is not a device I want to own.

Arment outlines the design process which, unsurprisingly, reflects his trademark attention to interface detail. Reflecting on Apple’s idea of pixel-doubling, Arment states: “I saw the pixel-doubled version of my app in the simulator. It sucked, and it was completely unusable by my standards.”

His considered overview of developing for the iPad includes a look behind the scenes at “an obligatory cardboard prototype”, created by Arment as a part of the design process – lovely – and de rigeur for paper prototyping.

1269526080 · Christopher Murphy · Follow Us on Twitter

Acquiring @

@ [Detail]

In an interesting conceptual move, The Museum of Modern Art in New York has acquired the @ symbol for its collection. Paola Antonelli, Senior Curator of MoMA’s Department of Architecture and Design states:

The acquisition of @ relies on the assumption that physical possession of an object as a requirement for an acquisition is no longer necessary, and therefore it sets curators free to tag the world and acknowledge things that ‘cannot be had’ – because they are too big (buildings, Boeing 747s, satellites), or because they are in the air and belong to everybody and to no one, like the @ – as art objects befitting MoMA’s collection.

Antonelli’s piece, outlining the acquisition, is well worth reading, not least for its brief history of Ray Tomlinson - the inventor of email - and his appropriation of @, helping to elevate the the sign from symbol to icon.

1269490080 · Christopher Murphy · Follow Us on Twitter

Introducing MILK

Except it's a desk. [Detail]

Introducing MILK [Flash]:

If work is your life… Life just got really good.

Beautifully designed by Holmris Hansen A/S, MILK is: “The Best bed you’ve ever slept in, the best car you’ve ever driven, the greatest house you’ve ever lived in, except it’s a desk.” (A beautifully designed desk, at that.)

[Via Mr Stringer.]

1269458220 · Christopher Murphy · Follow Us on Twitter

Scrolling and Attention

Eyetracking Fixations [Detail]

Jakob Nielsen has some very interesting thoughts on Scrolling and Attention (also known as “the age old ‘above the fold’ debate”). Backed up by extensive user-testing and data, Nielsen summarises the findings as follows:

Web users spend 80% of their time looking at information above the page fold. Although users do scroll, they allocate only 20% of their attention below the fold.

Well worth reading, Nielsen’s common sense advice is hard to dispute.

1269456780 · Christopher Murphy · Follow Us on Twitter

Opera Countup

00:03:57:04 [Detail]

The cheeky chaps at Opera indulge in a little fun at Apple’s expense with the Opera Mini Countup. The closest guess to the moment Opera Mini is approved by the iPhone App Store wins an iPhone.

Time since Opera Mini was submitted: 00 days; 04 hours; 14 minutes; and 44 seconds.

1269380340 · Christopher Murphy · Follow Us on Twitter

CloudApp

CloudApp [Detail]

After months of near-vaporware announcements CloudApp will, apparently, be released on April Fools’ Day. Watch this space for details.

1269063840 · Christopher Murphy · Follow Us on Twitter

Process Type Foundry, New and Improved

EMERGED (Klavika) [Detail]

Process Type Foundry, home of a range of beautifully crafted typefaces including Bryant Condensed, Klavika and FindReplace, have launched a new and improved web site, complete with OpenType enabled previews. Be warned, you’ll be tempted to Buy This Font… proceed with caution.

1269060900 · Christopher Murphy · Follow Us on Twitter

QuicklyCode

QuicklyCode [Detail]

Introducing QuicklyCode, a one stop resource for, “Cheat sheets and programming stuff.” With cheat sheets, wallpapers and apps, all designed to make your life as a quickcoder easier, QuicklyCode is well worth a bookmark.

1269059040 · Christopher Murphy · Follow Us on Twitter

Designing for the Web. On the Web.

Designing for the Web. On the Web. [Detail]

Mark Boulton has written an insightful piece on his decision to release ‘Designing for the Web’ on the web for free. Written from the perspective of both an author and a publisher Boulton has some interesting thoughts:

When [a] book no longer pulls in large sale numbers, or more importantly, when it is deemed ‘out of date’, or ‘no longer as relevant as it once was’, then the motivation for publishing online, for free, is to get a firm grip of the Long Tail in search of new sales. Makes sense.

But I want my book to be relevant. I wanted to increase the reach, and lower the barriers to one sector of the industry that is under served by this business model: students.

We’ve been promoting Mr Boulton’s book to our students since it was published (indeed we bought a sizeable number of PDF licenses when it was published to give copies to our students). It’s a pleasure to see the book available for free and we can’t recommend it highly enough. If you haven’t already read it, make some time to do so, now you’ve no barrier to entry.

1268937180 · Christopher Murphy · Follow Us on Twitter

Typographer at Law

HUGE MOVING TRUCK [Detail]

We featured Mr Butterick’s excellent work back in September, 2009, so it’s a pleasure to see none other than Stephen Heller interviewing the aforementioned Butterick in an article for AIGA.

Butterick, who has a refreshingly no nonsense approach to everyday typography, states:

Honestly, I thought I would get at least one piece of hate mail along the lines of, “I’ve been a lawyer for 40 years, and Courier is all any lawyer needs, and you’re wasting everyone’s time with this nonsense.” But it hasn’t happened.

Great news indeed. If you don’t know Butterick’s work, fire over to Typography for Lawyers, you won’t be disappointed.

1268936100 · Christopher Murphy · Follow Us on Twitter

Four Ways to Mix Fonts

Darjeeling Tea House Blend [Detail]

A regular fount of information, H&FJ’s latest missive Four Techniques for Combining Fonts is an excellent and informative read on the art of “navigating the typographic ocean” by “keeping one thing consistent, and letting one thing vary.”

1268839680 · Christopher Murphy · Follow Us on Twitter

Articles

Feed your curiosity!
With Articles, you can easily read and discover Wikipedia articles on your iPhone and iPod touch.

Feed your curiosity with Articles, courtesy of Sophia Teutschler at Sophiestication. Allowing you to “read and discover Wikipedia articles on your iPhone and iPod touch,” Articles is beautifully designed and at a mere $2.99, well worth every penny.

1268838960 · Christopher Murphy · Follow Us on Twitter

Eames Century Modern

A new font and object collection from House Industries.

The “manifestation of a decade-long journey into the philosophical world of Charles and Ray Eames”, House Industries’ Eames Century Modern comprises an extensive range of beautifully crafted fonts coupled with a series of ‘objects’ that display all the typical House Industries’ hallmarks of ruthless attention to detail.

Crafted over three painstaking years, the Eames Century Modern Font Collection is the result of a partnership between House Industries, Letterror and the Eames Office, three titans of (typographic) design.

The collection comprises an extensive roman and italic catalogue in eight weights, a stencil and cameo, ornaments, poster figures and frames; in short, an exhaustively researched historical revival. Needless to say alternate serifs, discretionary ligatures, smart ornaments and more are all supplied as standard; all the details we’ve come to expect as de rigueur from House Industries.

Rounding out the Eames Century Modern collection, House Industries have crafted a range of ‘objects’ designed to appeal to every design connoisseur’s heart: Eames House Blocks and a range of Eames Serigraphs (an elephantine number three, a whimsical and practical set of arrows and a set of frames of within frames).

Eames Century Modern is a meticulously researched historical revival, executed - unsurprisingly - with House Industries’ renowned care for detail. The only caution we feel obligated to provide is that you visit the above links with your credit card set firmly to one side. Browse first, then - by all means - buy.

1268792940 · Christopher Murphy · Follow Us on Twitter

Standardistas Presents…

We're proud to announce the first in a series of workshops… [Detail]

We’re delighted to announce the first of an ongoing series of boutique events under the banner ‘Standardistas Presents…’.

Our vision for these events is to run a series of exclusive events - intimate events even - with limited numbers, designed to share knowledge, but also to offer an opportunity to meet like-minded designers and developers and network.

Our first event, a full day workshop, will run on Saturday, 27 March, 2010 at the Art College, Belfast. We’ve built (pardon the pun) the content for the day on the workshop we ran at last year’s Build Conference, titled ‘Beginning HTML5 and CSS3’.

Places are limited, and a number have already been snapped up by participants as far afield as Belgium and Portadown. We have, however, five free places to give away.

To be in with a chance of winning, simply follow us on Twitter and tell us why you’d like to attend in 140 characters or fewer.

1268744820 · Christopher Murphy · Follow Us on Twitter

Grafikcache Archive

Search Box [Detail]

The demise of the Grafikcache was a disappointment to many so it’s a real pleasure to see the Grafikcache Archive restored for posterity. The Directory, in particular, is well worth exploring.

1268696520 · Christopher Murphy · Follow Us on Twitter

BeardMe

BeardMe [Detail]

No prizes for guessing we appreciate BeardMe by Winfield & Co.: “The premier facial hair application for the iPhone and iPod Touch.”

[Via Swiss Miss.]

1268690220 · Christopher Murphy · Follow Us on Twitter

Designing for the Web (Free)

Designing for the Web

If you haven’t already purchased Mark Boulton’s excellent Designing for the Web you now have no excuse; the complete book, all 25 chapters, is now absolutely free to read online.

1268687280 · Christopher Murphy · Follow Us on Twitter

The Library of the Gutenberg Museum

Fette Fraktur, 1840 specimen [Detail]

Somehow we overlooked Dan Reynold’s post on The Library of the Gutenberg Museum at I Love Typography earlier this month. If you haven’t seen it, it’s well worth reading. Guest posted, guest designed, guest lovely.

1268686680 · Christopher Murphy · Follow Us on Twitter

Handpicked

Handpicked posts for web designers. [Detail]

Offering a selection of “handpicked posts for web designers”, Relpost, in their own words:

…diggs deep to bring you fresh content from the hottest web designers and the coolest blogs serving you juicy, related goodness.

With curated links on Code, Design, Process, Typography and User Science, it’s well worth a bookmark.

[Via Ms de León.]

1268488860 · Christopher Murphy · Follow Us on Twitter

@font-face Generator

The Font Squirrel [Detail]

Setting licensing issues aside, one of the biggest obstacles to using @font-face, is the royal PITA that is converting fonts from your format of choice into Microsoft’s proprietary EOT (Embedded OpenType) format for our friends stuck with Internet Explorer.

Until recently, the cumbersome process involved converting from OpenType format to TrueType format, using a service like FontForge (which helpfully sports a UI designed to make your eyes weep), then making a follow-up trip to one online tool or another to convert from TrueType format to EOT format.

As Mr Zeldman recently pointed out, Font Squirrel’s @font-face Generator seamlessly helps to take some of this pain away… which is not only nice, but might help, as Mr Zeldman puts it, “Play a huge role in spreading [the] web fonts love.”

1268415000 · Nicklas Persson · Follow Us on Twitter

Opera Meets CSS3

Opera Meets CSS3

As an excuse to explore CCS3 properties across a variety of browsers, David Desandro has created Opera’s brand using only CSS (and no images) and documented the process.

Desandro provides a useful overview of how different browsers handle the task at hand: Firefox 3.6, Safari 4 and Chrome 5 perform valiantly; Opera 10.5, ironically, struggles just a little; IE6, 7 and 8, unsurprisingly, handle the rendering, well… see for yourself.

1268410140 · Christopher Murphy · Follow Us on Twitter

The End

****************************************************

It is, indeed - View Source - the end.

1268268900 · Christopher Murphy · Follow Us on Twitter

End of Transmission

–out.* [Detail]

Ominous though it looks we hope this doesn’t spell the end of the ever excellent Grafikcache.

1268268240 · Christopher Murphy · Follow Us on Twitter

About Face

Charting the intersection… [Detail]

Once again, Richard ‘Poster Designer Extraordinaire’ Weston, of Ace Jet 170, has come up trumps with a beautifully designed poster for our forthcoming screening of ‘Typeface’. Tickets are still available though they’re going fast.

You should get yours now to avoid disappointment.

1268267280 · Christopher Murphy · Follow Us on Twitter

Fuck. Yes.

Kottke Border [Detail]

Jason Kottke sums up the trailer for Tron Legacy in just two words:

Fuck. Yes.

Short and sweet.

1268231820 · Christopher Murphy · Follow Us on Twitter

In Like Flynn

Flynn Lives, Viral Campaign [Detail]

If you’re going to do a viral campaign promoting a sequel to a movie with a certain cult status quotient amongst the nerd constituent, do it properly. (Hint: This ain’t it.)

1268191140 · Nicklas Persson · Follow Us on Twitter

8-Bit Cities

8-Bit NYC Map [Detail]

Brett Camper brings us NYC in 8-Bit, “Just like he pixeled it”.

In his own words:

8-Bit NYC is an attempt to make the city feel foreign yet familiar, smashing together two culturally common models of space: the lo-fi overhead world maps of 1980s role-playing and adventure games, and the geographically accurate data that drives today’s web maps and GPS navigation.

We couldn’t put it better ourselves. If you’d like to see more cities 8-Bitified - including London, Paris and San Francisco - Mr Camper is only $272 away from his sponsorship goal at the time of writing.

Do give generously.

[Via @webtrendmap.]

1268160000 · Nicklas Persson · Follow Us on Twitter

Panic Status Board

Panic Status Board [Detail]

Inspired by the aforementioned, beautifully designed Cultured Code Development Status page, Panic just gave avid readers of their blog a sneak peak into the development of their internal Status Board, including detailed implementation notes should you want to craft one yourself — and who wouldn’t?

1268159040 · Nicklas Persson · Follow Us on Twitter

Spamheist

Spamheist [Detail]

Mr Shiflett out-heists the heisters:

Want the full @macheist bundle, but don’t like to spam your followers? Use @spamheist.

We echo the @shiflett sentiment.

1268155680 · Christopher Murphy · Follow Us on Twitter

Lorem Ipsum

Lorem Ipsum [Detail]

Michael van der Born’s lettering is lovingly crafted; his recently completed Lorem Ipsum silkscreen print is no exception.

[Via Mr Burns.]

1268107980 · Christopher Murphy · Follow Us on Twitter

Wordbonerstore

Wordbonerstore [Detail]

Regular readers know we love words; therefore no surprise to discover we love Wordbonerstore. Firm favourites include: Your ≠ You’re; Stop Saying LOL; and Thanks for         ..

[Via Ms de León.]

1268101560 · Christopher Murphy · Follow Us on Twitter

Typography Summer School

Typography Summer School [Detail]

Love typography? You’ll love Typography Summer School, a week-long programme of typographic study intended to bring together leading practitioners and participants to study, exchange ideas, and investigate the discipline.

Founded by Fraser Muggeridge, Typography Summer School is independent from any college or educational organisation and features a stellar line up of tutors including Paul Elliman and Ken Garland.

With only twenty places available for study, in either of two weeks in London, tickets will no doubt disappear fast. Get yours now.

1268096400 · Christopher Murphy · Follow Us on Twitter

Mr Moll Redesigns

Swiss Emblem

Cameron Moll has launched a redesign and, in an insightful post, explains how and why he arrived at the design decisions he reached.

With an emphasis on re-adressing the balance between articles and links, specifically, “marrying articles with links and providing a continuous stream of content for the reader,” Moll quotes John Gruber, a pioneer of this style of ‘continuous stream’ writing. Gruber states:

Honestly, I love this format so much I wish more sites used it. There are so many sites I like, but don’t love because they don’t allow themselves to simply link to something with a few words rather than craft a 250 word wrapper for every entry.

Regular readers won’t be surprised to hear we’re ardent admirers of the continuous stream approach and Moll’s redesign, which places a greater emphasis on content, is a welcome one indeed.

1268095320 · Christopher Murphy · Follow Us on Twitter

GigaTweet

10,017,852,164 [Detail]

Charting the phenomenal growth of Twitter, GigaTweet - a side project by Nathan Reed of Popacular - tracks tweets in real time.Twitter just passed the 10,000,000,000 tweet mark and GigaTweet predicts the 11,000,000,000 tweet mark will be hit in just under twenty days.

Fascinating.

1267801800 · Christopher Murphy · Follow Us on Twitter

The Mysteries of the nth-child

nth-child selector demo [Detail]

Chris Coyier’s article How nth-child Works over at CSS-Tricks is another one to bookmark. The explanation of the nth-child pseudo-selector’s inner mysteries is thoroughly explained, even to those of us who may harbour something resembling a fear of maths.

Don’t forget to check out the marvellous little nth-child tester demo page, where you can try out your newfound nth selector skills.

1267744440 · Nicklas Persson · Follow Us on Twitter

Typeface

Contemporary Graphic Design [Detail]

We’re delighted to announce that, in the interests of ‘not treading on each others’ creative toes’, we’ll be partnering with the renowned Mr Gordon Paper of Build, to present a number of design focused events for the Belfast creative community (and creative communities beyond).

Our first collaboration is the Irish premiere of Typeface, a film by Justine Nagan that has received widespread, international critical acclaim.

‘Typeface’, subtitled ‘Charting the Intersection of Rural America and Contemporary Graphic Design’, explores the intersection of old and new technology, as letterpress meets digital in the sleepy town of Two Rivers, Wisconsin. As Kartemquin Films puts it:

It’s a Thursday afternoon and all is quiet in Two Rivers, Wisconsin, a town that is struggling to re-invent itself.

In the last few years, unemployment has consistently risen, factories have left the heartland for cheaper locales and the little town of Two Rivers has struggled to re-invent itself.

[In an effort to confront this] Jim VanLanen, one of the town’s most industrious entrepreneurs, began developing small museums as a way to bring tourists and industry to the area.

A few blocks off the main drag, a lone employee waits in the most popular of these museums for visitors to come. A couple of individuals straggle in every few days and then, come Friday, the museum fills with life.

Machines hum, presses print, artists buzz. One weekend each month, the quiet of Two Rivers is interrupted as carloads of artisans drive in from across the Midwest. The place comes alive as printmaking workshops led by, and filled with, some of the region’s top creative talent descend on the sleepy enclave.

The museum is significant to the town’s history, but more importantly, its existence is critical to the worldwide design community who are passionate about the history of their craft and its function in the contemporary field. They believe the future of their industry may lie in the past.

‘Typeface’ celebrates the re-emergence of letterpress as a medium and celebrates the rediscovery of the ‘craft’ of design, as designers using the latest, digital tools look back for inspiration at the original, analogue tools that paved the way for their medium.

As celebrated designers and collectives including Dan Cederholm and Ligature, Loop & Stem embrace letterpress as a medium, ‘Typeface’ presents a fascinating overview of how old-meets-new at a timely juncture.

We look forward to seeing you at what will, we’re sure, be the first of many collaborative creative events that ensure we both ‘build a better web’ and ‘teach this shizzle right’ in both Belfast and beyond.

Book your ticket for Typeface now.

1267737480 · Christopher Murphy · Follow Us on Twitter

Thinking for a Living

Thinking for a Living Keyboard Navigation [Detail]

Frank Chimero:

Clicking on the arrows is cool, but there’s a better way. You can use your left and right keys on your keyboard. This is the way I love using the site. The website gets out of the way, and I can focus on the content at hand.

1267577940 · Nicklas Persson · Follow Us on Twitter

Pictory

Pictory [Detail]

Part 3 in the impromptu sequence of Notes On the Topic of Keyboard Driven Navigation Sites features Pictory - a site showcasing user-contributed photography on a set theme, captioned to tell “your best photo stories”.

The FAQ states that “Pictory has been designed as a showcase for large captioned images” and although that description is entirely correct, it says nothing about the emotive stories that the magazine, created and curated by Laura Brunow Miner and developed by Jeff Croft manages to convey.

The site is a perfect example of a design where the precision of a mouse pointer on a scrollbar is unnecessarily precise, a design where each photograph and caption becomes a de facto section which can be moved between, easily and naturally, with the left and right arrows on your keyboard.

1267576500 · Nicklas Persson · Follow Us on Twitter

Crush + Lovely

Continuing the theme of keyboard driven navigation from a few notes back, Crush + Lovely redesigned their site . It is an exceptional piece of work, well worth a visit, and a read — from Manifesto Coda.

1267551300 · Nicklas Persson · Follow Us on Twitter

CSS Border Radius

14px Please

Ever find yourself struggling to remember the correct border-radius syntax? We certainly do, as, it would appear, do others (Mr Clarke included). Jacob Bijani, Creative Director at Tumblr, has the answer to your problems: CSS Border Radius.

Experiment; ⌘C; ⌘V. Simple. Thank you Mr Bijani!

[Via Mr Clarke.]

1267539660 · Christopher Murphy · Follow Us on Twitter

Gowalla Redesigns

Apple iPhone, Android, Blackberry… [Detail]

Go out. Go discover. Go share. Go get a £30 data roaming bill. Gowalla launches a lovely new redesign courtesy of Messrs Van Damme, Jones and DuPont.

1267538340 · Christopher Murphy · Follow Us on Twitter

@standardistas: Follow Web Standardistas on Twitter.