Archive: June, 2011

The Elements of Fucking Style

Use strong, definite language in your writing. Make that sentence your bitch.

Ampersand Conference 2011 Focuses on Web Typography | The FontFeed

An incredibly detailed write-up of Ampersand.

Quoting and citing with blockquote, q, cite, and the cite attribute | HTML5 Doctor

An excellent article from Oli on markup patterns for quotations …though I still think that the cite element can be used for people’s names.

BBC - BBC Radio 4 Programmes - The Reith Lectures

The entire archive of the Reith lectures is now online for your huffduffing pleasure.

An Ear for Science: The Particle Physics Windchime | SLAC News Center

The story of the particle windchime—it turns subatomic particle collisions into sound—created at Science Hack Day San Francisco.

Markdownify: The HTML to Markdown converter for PHP

This could be handy for the editing process in my home-grown blogging system: a PHP script to convert HTML back to Markdown.

Ampersand, the Aftermath — Jon Tan 陳

Jon’s glowing write-up of Ampersand. Feel the love!

Namespacing fragment identifiers — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts

Well, here’s something I didn’t know: fragment identifiers can use the colon to add another level of addressability.

Notes from Ampersand conference — My Digest — Laura Kalbag

Excellent notes from Ampersand by Laura. Rather than describing each talk individually, she has documented the emergent themes.

Book of Speed

An online book about website performance by Stoyan Steganov, released into the public domain. Excellent!

Persona - a set on Flickr

A voyeuristically fascinating photoset that puts faces to the “here’s whats in my bag” meme.

GitHub for Mac

This Mac desktop GUI should go some way to making designers less fearful of getting stuck in with GitHub.

Get Ratio

A handy little tool for quickly generating ratios (like the golden section) from a number.

Make Your Own Pick Using Recycled Credit Cards » Design You Trust – Social design inspiration!

This is rather brilliant: recycle your old credit cards into plectrums.

Will Wright working on game based off Bruce Sterling short story, Maneki Neko | Joystiq

One of the greatest games designers in the world is making a game based on one of my favourite science fiction stories. I hope this turns out as well as I’m fantasising it could.

ISS-Notify by Nathan Bergey — Kickstarter

I want one! An ambient signifier (in lamp form) to let you know when the ISS is flying overhead. Geekgasm!

Red Pop - the big red button for your iPhone camera!

Brendan’s latest product looks like it’ll be a thing of beauty. But he needs help getting it funded on Kickstarter. If you like taking pictures with your iPhone, I suggest you back this project.

Setistars

Would you like SETI to resume sweeping the skies in search of extraterrestrial life? Now you can put your money behind re-kickstarting that noble mission.

10,000 Year Clock

Jeff Bezos has put together a little site to give some background on The Clock Of The Long Now: soon to be open to visitors.

To hell with bad devices: Responsive web design and web standards | Marc Drummond

An excellent summation of one web developer’s journey with responsive web design.

Frank Chimero’s Blog - The Storm and The Line

A beautiful dose of perspective from Frank.

Web Typography – The Book

Mark, Richard and Jon are writing a book together (on web typography, of course). It will undoubtedly be excellent.

Eye blog » Andmoreagain. Web typography comes of age at Brighton’s Ampersand conference

A nice write-up of the Ampersand conference. Such a great day.

only human « delicious juice dot com: unapologetically inappropriate

Rioting in the age of Facebook.

Accessibility and HTML5 Block Links — Simply Accessible

Derek runs some tests on how screenreaders behave when block-level elements are wrapped in links, which is now legal in HTML5.

CSS Lint

Nicholas and Nicole have unveiled the CSS companion to JS Lint. And yes, it will your hurt your feelings.

“Six-Penny Anthems II” - A classic Bearskinrug Article.

Rejoice! For Kevin Cornell’s new book is available to you through the power of print on demand. I’ve ordered mine. And should you.

Yes! It is possible to cross Dublin without passing a pub

Testing James Joyce: this is like the Seven Bridges of Königsberg puzzle but with Guinness.

Latin Text Generator for Mac OS X - LittleIpsum

A cute little lorem ipusm generator for the mac.

Fillerama: A Filler Text Generator

One more alternative to lorem ipsum.

LukeW | An Event Apart: Design Principles

Luke’s notes from my talk at An Event Apart in Atlanta.

Vegan Ipsum

A veggie alternative to bacon ipsum.

resizeMyBrowser

A handy little tool for testing responsive designs by automatically changing your browser viewport size.

Responsive Data Tables | CSS-Tricks

Some good ideas for formatting tabular data for small screens.

웹디자이너를 위한 HTML5 - a set on Flickr

A peek behind the scenes of the printing of the Korean version of HTML5 For Web Designers.

Calling all UK Makers to Brighton’s First Mini Maker Faire | Brighton Mini Maker Faire

Hardware hackers, you’ve got until June 30th to submit something for Maker Faire in Brighton this September (the day after dConstruct).

creding/That-s-Awesome - GitHub

A handy little applescript that takes care of the automation of creating localhost sites on the mac.

The Song

Matt is wearing his musical heart on the sleeve of the web.

Unqualified and unabashedly personal remarks on those bits of sound that make it all worthwhile.

Two Years — Paul Robert Lloyd

On the two-year anniversary of his arrival at Clearleft, Paul takes a look at where the craft of web design is today and where it’s heading tomorrow.

McSweeney’s Internet Tendency: TripAdvisor.com Reviews for the Overlook Hotel.

I look forward to seeing Eyes Wide Shut as a series of Foursquare check-ins.

Camptown News Greasemonkey Script — doo-dah, doo-dah « Tom Scott

Tom’s Greasemonkey script turns any seven-syllable headline into a verse of Camptown Races.

Accessibility. You’re doing it wrong. | nicepaul.com

Ignoring the awful misleading title, this is a really good post from Paul on his personal experiences dealing with accessibility on one or two projects.

Bacon Ipsum | A Meatier Lorem Ipsum Generator

A meatier alternative to lorem ipsum placeholder text.

Designing the Wider Web

The dominance of the desktop browser is over – the web has become wider. After so long painting in a tiny corner of the canvas, it’s time to broaden our approach.

It’s understandable that the community is somewhat nervous about the changes ahead. So far, we’ve mostly responded by scratching around for device-specific tips, but this isn’t sustainable or scalable. We should transcend “platformism” and instead learn to design for diverse contexts, displays, connectivity, and inputs by breaking devices down into first principles. Instead of the defective dichotomy of the “desktop” and “mobile” web, designers should aim to create great user experiences using the truly fluid nature of the web.

Tips, Tricks and Best Practices for Responsive Design | Webmonkey | Wired.com

A nice round-up of responsive design techniques, with a particular focus on content first.

Why Preserve Books? The New Physical Archive of the Internet Archive | Internet Archive Blogs

Brewster Kahle explains how and why the Internet Archive is keeping physical copies of the books it digitises.

Christopher Boffoli Photography

Homunculi in a landscape of food.

Hand Crafted Web design Kawartha Lakes, Lindsay, Peterborough | Bitfoundry

A thoroughly lovely responsive design, very nicely and thoughtfully executed.

Customer Stories: A Book Apart | MailChimp

A wonderfully made video on the story of A Book Apart. Mandy should have her own show.

Coding Horror: Suspension, Ban or Hellban?

A nice little round-up of some techniques for dealing with trolls in online communities. I must remember some of this stuff for The Session.

jayzombiegram

Jessica is gathering all her Instagram photos into one blog. She really has quite an incredible eye.

Spinning the Web - a set on Flickr

Eric is making some genuinely beautiful art by applying CSS transforms to some well-known sites.

Out of this World: China Miéville: what if?

China Miéville gives a rundown of some underrated classics of the alternative history subgenre …including Richard Curtis’s Notting Hill.