Tags: graph

477

sparkline

The scorpion express | Butterick’s Practical Typography

This is easily the most wrong-headed piece of writing I’ve read in a long time.

“But cus­tomers ben­e­fit from smaller file sizes too, be­cause that makes web pages faster.” Cer­tainly, that was true in 1996. And some web de­vel­op­ers per­sist with po­lit­i­cal ob­jec­tions. But with to­day’s faster con­nec­tions—even on mo­bile—op­ti­miz­ing for file size is less use­ful than ever.

I’ll leave it to you to see the logical flaws in every one of the arguments presented here by Matthew Buterick. Meanwhile I’m going to get off his lawn.

The Typekit Blog | Variable fonts, a new kind of font for flexible design

This is what Nick Sherman has been banging on about for years, and now the time has come for variable fonts …as long as typographers, browser makers, and standards bodies get behind it.

More details on Ev’s blog.

CanvasSwirl: An animated spirograph experiment in JavaScript and canvas by xhva.net

But, like, have you have ever really looked at your hand?

Webfonts on the Prairie · An A List Apart Article

A good ol’ polemic in favour of using web fonts. It’s a good read although I strongly disagree with this line of reasoning:

The average internet speed in the United States today is three times as fast as it was in 2011.

But that americentric view is redeemed later on:

The World Wide Web may be a creation of the West, but now, at long last, it needs to get ready for the rest.

I may not agree with all the points in this article, but I think we can all agree that if we’re going to use web fonts, we must use them responsibly …otherwise users are going to treat them as damage and route around them.

`font-display` for the Masses | CSS-Tricks

The font-display property is landing in browsers, and this is a great introduction to using it:

If you don’t know which option to use, then go with swap. Not only does it provide an optimal balance between custom fonts and accessibility of content, it provides the same font loading behavior that we’ve relied on JavaScript for. If you have fonts on the page that you’d like to have load, but could ultimately do without, consider going with fallback or optional when using font-display.

Until it’s more widely supported, you can continue to use a JavaScript solution, but even then you can feature detect first:

if ("fontDisplay" in document.body.style === false) {
  /* JavaScript font loading logic goes here. */
}

The Long, Remarkable History of the GIF

The history of the GIF—a tale of licensing, compression, and standards.

Psiu Puxa Wallpapers

Yummy wallpapers for your desktop, tablet, and phone, from NASA and ESA.

FontShop | The Fonts of Star Trek

Yves Peters examines the typography of Star Trek. Unlike Typeset In The Future, which looks at on-screen typography, this article dives into titles and promotional posters.

A Comprehensive Guide to Font Loading Strategies—zachleat.com

A terrific rundown of all your options when it comes to web font loading.

Legibility App

A handy tool for testing the legibility of different typefaces under all sorts of conditions.

ET Book · Edward Tufte on GitHub

I’ve always loved the way that Edward Tufte consistently uses Bembo to typeset his books. Here’s a version made for screen and freely licensed.

Typography Handbook

You can think of this as a short book or a long article, but either way it’s a handy overview of typography on the web:

A concise, referential guide on best web typographic practices.

Mind you, I take issue with this assertion:

Establishing a vertical rhythm is simple.

Typography for User Interfaces | Viljami Salminen

The history and physiology of text on screen. You can also see the slides from the talk that prompted this article.

Blade Runner | Typeset In The Future

I’ve seen letterforms you people wouldn’t believe…

Miscellany № 74: zombies always make a hash of things – Shady Characters

A thoroughly lovely look at the octothorpe that skewers a myth or two along the way.

BBC Blogs - Internet Blog - BBC UX&D on creating a GEL foundation for everyone

Al runs through the process of updating GEL—the BBC’s Global Experience Language design system. I particularly like the thought that’s gone into naming type sizes.

Webfonts Last by Frederic Marx

Some smart thoughts on web fonts.

what3words | Addressing the world

In this English language alternative to latitude and longitude coordinates, the Clearleft office is located at:

cross.rooms.quick

Beyond Work

An ongoing photography project from Curtis:

Beyond Work tells stories about humans at work, with no judgement or glorification. It’s an attempt at unearthing the social, cultural and functional world of work, that’s become invisible in everyday life.

The New York Herald, August 7, 1865

A transatlantic cable, hurrah!

chartd - responsive, retina-compatible charts with just an img tag

This could be a handy replacement for some Google Charts images of graphs. It uses SVG and is responsive by default.

I bet it wouldn’t be too tricky to use this to make some sparklines.

IndieWebCamp Nuremberg on Flickr

Great photos from a great gathering.

IndieWebCamp Nuremberg in motion

Aligning text smartly in CSS

Here’s a clever way to get text centred when it’s short, but left-aligned when it wraps.

№ ⸮ ‽ ℔ ⁊ ⸿  — or, a cavalcade of characters – Shady Characters

The numero sign, the reversed question mark, the interrobang, the l b bar symbol, the Tironian et, the capitulum, and the ironieteken.

Mapping Mountains · Mapzen

Everything you never wanted to know about conveying elevation information on maps, delivered in Peter’s always-entertaining style and illustrated with interactive examples.

Webfonts

I love good typography but I have to agree with the sentiment expressed here.

System fonts can be beautiful. Webfonts are not a requirement for great typography.

Why I like the new Met logo (and why you should give it a chance): Design Observer

Michael Bierut on that logo …and graphic design in general.

Graphic designers, whether we admit it or not, are trained for the short term. Most of the things we design have to discharge their function immediately, whether it’s a design for a book or a poster, a website or an infographic, a sign system, or a business card. In school critiques, architecture and industrial design students produce models. Graphic designers produce finished prototypes. As a result, the idea that we create things that are unfinished, that can only accrue value over time, is foreign to us. It’s so easy for us to visualize the future, and so hard to admit that we really can’t. That’s what we face every time we unveil a new logo.

Use rems for global sizing, use ems for local sizing | Clagnut

In this extract from his forthcoming book, Richard looks at when to use ems, when to use rems …and when to use ch (no, me neither).

Building Inspector by NYPL Labs

A wonderful Zooniverse-like project from the New York Public Library:

Help unlock New York City’s past by identifying buildings and other details on beautiful old maps.

The New Web Typography › Robin Rendle

A wonderfully thoughtful piece on typography, Jan Tschichold and the web. This really resonated with me:

It’s only been over the past year or so in which I’ve recognised myself as a ‘Web designer’ with a capital W, as I now believe that something happens to information and technology, and even typography itself, when people pass through these interconnected networks and interact with hypertext.

It’s for these reasons that I don’t believe in “digital design” or “designing for screens” and it’s why I’m often attracted to one particular side of this spectrum.

Robin proposes three “principles, suggestions, outlines, or rather things-that-I-ought-to-be nervous-about when setting text on the web”:

  1. We must prioritise the text over the font, or semantics over style.
  2. We ought to use and/or make tools that reveal the consequences of typographic decisions.
  3. We should acknowledge that web typography is only as strong as its weakest point.

There’s an in-depth look at applying progressive enhancement to web type, and every single link in the resources section at the end is worth investigating.

Oh, and of course it’s beautifully typeset.

How To Write Telegrams Properly by Nelson E. Ross

A delightful and informative booklet from 1928.

The Leica Q — Craig Mod

Set aside some time: Craig is reviewing a camera again (and you remember how epic that was last time).

The Facebook-Loving Farmers of Myanmar - The Atlantic

A fascinating slice of ethnographic research in Myanmar by Craig. There’s no mention of the web, which is certainly alarming, but then again, that’s not the focus of the research.

Interestingly, while Facebook is all omnipresent and dominant, nobody is using it the way that Facebook wants: all the accounts are basically “fake”.

What I found fascinating are the ways that people have found to bypass app stores. They’re basically being treated as damage and routed ‘round. So while native apps are universal, app stores would appear to be a first world problem.

Now if there were only some kind of universally accessible distribution channel that didn’t require any kind of installation step …hmmm.

Using System Fonts in the Browser

We have some new font keywords that are basically shortcuts to using the system fonts on a device. This article explains the details.

Telegraph

A handy new service from Aaron, for those situations when you need to manually send webmentions.

20 Years Ago Today

A lovely reminiscence from Matt on how he came to fall in love with the World Wide Web.

I really hope he posts this on his own site—it’ll be a shame when this disappears along with everything else being posted to Medium.

Better Google Web Fonts

A single page showing all the weights available from Google fonts at a glance.

CSS Font Rendering Controls Module Level 1

This is already starting to land in browsers, which makes me very happy—the ability to specify how you want fonts to load/swap without needing a clever bit of JavaScript.

The Moral Character of Cryptographic Work by Phillip Rogaway (PDF)

It’s a PDF and it’s an academic paper, but this rousing call to arms is a remarkably clear and engrossing read.

With few exceptions, the atomic scientists who worked on disarmament were not the same individuals as those who built the bomb. Their colleagues—fellow physicists—did that. Cryptographers didn’t turn the Internet into an instrument of total surveillance, but our colleagues—fellow computer scientists and engineers—did that.

It concludes with a series of design principles for the cryptographic community:

  • Attend to problems’ social value. Do anti-surveillance research.
  • Be introspective about why you are working on the problems you are.
  • Apply practice-oriented provable security to anti-surveillance problems.
  • Think twice, and then again, about accepting military funding.
  • Regard ordinary people as those whose needs you ultimately aim to satisfy.
  • Be open to diverse models. Regard all models as suspect and dialectical.
  • Get a systems-level view. Attend to that which surrounds our field.
  • Learn some privacy tools. Use them. Improve them.
  • Stop with the cutesy pictures. Take adversaries seriously.
  • Design and build a broadly useful cryptographic commons.
  • Choose language well. Communication is integral to having an impact.

We need to erect a much expanded commons on the Internet. We need to realize popular services in a secure, distributed, and decentralized way, powered by free software and free/open hardware. We need to build systems beyond the reach of super-sized companies and spy agencies. Such services must be based on strong cryptography. Emphasizing that prerequisite, we need to expand our cryptographic commons.

I Dreamed of a Perfect Database | New Republic

A really nice piece by Paul Ford on the history of databases and the dream of the Semantic Web.

Sometimes I get a little wistful. The vision of a world of connected facts, one big, living library, remains beautiful, and unfulfilled.

One thing though: the scrolling on this page is sooooo janky that I had to switch off JavaScript just to read these words comfortably.

Creating a Web Type Lockup | CSS-Tricks

A really great idea from Chris: using SVG to create the web equivalent of type lockups that can scale with all the control you want, while still maintaining accessibility.

Speaking of accessibility, Emil’s comment is very useful indeed.

A Little Less Metacrap - Broken Links

Peter writes a follow-up to my post on metadata markup pointing out that Twitter will fall back to Open Graph values.

Learn Sketch 3 - Design+Code

A very handy introduction to Sketch from an iOS-specific book. See also the subsequent chapter, Mastering Sketch 3.

The proto-internet | Intelligent Life magazine

Mapping the submarine cables of the Victorian internet.

And by the way, why did nobody tell me about Cartophilia before now? I’m very disappointed in you.

Robin Rendle › Ampersand 2015

A great run-down of this year’s excellent Ampersand conference.

I wish I had known that Robin was there—I’d like to thank him for his kind words about Chloe.

Tips for Creating and Exporting Better SVGs for the Web

Sara enumerates some handy tips aimed squarely at designers exporting SVGs. It focuses on Illustrator in particular but I’m sure a lot of this could equally apply to Sketch.

ampersand : ampersand2015 on Huffduffer

The audio is now up from all the talks at this year’s excellent Ampersand conference.

A Semiotic Approach to Designing Interfaces // Speaker Deck

This looks like a terrific presentation from Alla on iconography, semiotics, and communication.

Cosmos: The infographic book of space

This looks a great book of space-related infographics and data visualisation.

Best of all, there are truly interactive versions online.

System shock — Medium

This is such a delightful story of a brilliant mistake—true typographic nerdery and nostalgia.

Read all the way through for a free gift.

Miranj: Collateral Damage

Websites should not come with minimum software requirements.

Richard on Vimeo

The video of Richard’s great talk on responsive typography at the Up Front conference.

Explaining graphic design to four-year-olds — Medium

Sounds like a good exercise for explaining just about anything. Smart.

Deep Time : A History of the Earth

This infographic offers a visual way to explore the various stages of the Earth’s history using a 12 hour clock analogy.

Efficient Web Type, c. 1556

A long zoom and then a deep dive into web typography.

Clearleft Letterpress Day | Flickr - Photo Sharing!

This was a fun way to spend the day—getting my hands dirty with ink and type.

Wood type composited and ready to set

Google Web Fonts Typographic Project

Google Fonts aren’t renowned for their quality but this is a beautiful demonstration of what you can accomplish with them.

Web Typography – a handbook by Richard Rutter — Kickstarter

You’ll want to back this—you’ll want to back the hell out of this!

Hamburger icon: How these three lines mystify most people - BBC News

The controversial hamburger icon goes mainstream with this story on the BBC News site.

It still amazes me that, despite clear data, many designers cling to the belief that the icon by itself is understandable (or that users will “figure it out eventually”). Why the aversion to having a label for the icon?

Sound Mirrors

Before there was radar, there were acoustic mirrors along the coast of England—parabolic structures designed to funnel the distant sound of approaching aircraft.

Ari Weinkle — Feelers

By far the creepiest type experiment I have ever seen.

Submarine Cable Map 2015

This year’s map from TeleGeography is looking lovely.

Dev.Opera — The State of Web Type

If you don’t have time to poke around StateOfWebType.com here’s the short version.

yurivictor/typebetter

A really nifty little bit of JavaScript that converts to smart quotes, apostrophes, ellipses, and em dashes.

(Initially it required jQuery but I tweaked it to avoid those dependencies and Yuri very kindly merged my pull request—such a lovely warm feeling when that happens.)

Seasonal posts × Katy DeCorah

This is such a simple little adjustment, but I think it’s kinda brilliant: tweaking the display of your site’s maps to match the season.

How we use web fonts responsibly, or, avoiding a @font-face-palm by Filament Group

Smart thinking here on the eternal dilemma with loading web fonts. Filament Group have thought about how the initial experience of the first page load could be quite different to subsequent page loads.

State of Web Type

Like caniuse.com, but for typography features. Find out what’s supported in browsers today.

Alien | Typeset In The Future

Typeset In The Future is back with another cracking analysis. This time—following on from 2001 and Moon—we’ve got Alien.

In her final recorded message before hypersleep, Ripley notes that she is the sole survivor of the Nostromo. What she forgets to mention is that she has not once in the past two hours encountered any Eurostile Bold Extended.

Beautiful web type — the best typefaces from the Google web fonts directory

Many of the free fonts available from Google are pretty bad, but this site showcases how some of them can be used to great effect.

The Nor: A Paranoid Cartography

James walks the site of London’s old wall, documenting the instruments of London’s new wall.

He wrote about his experience in “All Cameras Are Police Cameras.” It is a history lesson, a present lesson, and a future lesson, all in one.

Beautiful Maps

Cartography porn.

Tabletop Whale

Beautiful visualisations of science and nature.

Made with love by a designer with a molecular biology degree.

The Scourge of Helvetica Neue Light | Clagnut

Richard never rants.

Here’s Richard ranting.

Seeing Like a Network — The Message — Medium

How computers work:

One day, a man name Alan Turing found a magic lamp, and rubbed it. Out popped a genie, and Turing wished for infinite wishes. Then we killed him for being gay, but we still have the wishes.

Then we networked computers together:

The network is ultimately not doing a favor for those in power, even if they think they’ve mastered it for now. It increases their power a bit, it increases the power of individuals immeasurably. We just have to learn to live in the age of networks.

We are all nodes in many networks. This is a beautiful description of how one of those networks operates.

James Bridle — Where You Are

The GPS system is a monumental network that provides a permanent “YouAreHere” sign hanging in the sky, its signal a constant, synchronised timecode.

Tobias Frere-Jones: My Kind of Neighborhood

Some sleuthing uncovers an interesting twist in New York’s psychogeography:

All of the buildings have been demolished, and in some cases the entire street has since been erased. But a startling picture still emerged: New York once had a neighborhood for typography.

Meyrin: CERN Terminal Font « optional.is/required

Here’s the font that Brian created at the line-mode browser hack day at CERN.

Layout in Flipboard for Web and Windows — Flipboard Engineering

A fascinating look at how Flipboard combines art direction and algorithms to generate layouts.

Type Connection

A cute approach to pairing typefaces: treat it like a dating game.

2001: A Space Odyssey | Typeset In The Future

Okay, this might just be my new favourite blog:

This site is dedicated to all aspects of movie and TV typography and iconography as it appears in Sci-Fi and fantasy movies.

The first post is all about 2001, and the writing is just the right shade of fun.

I’m already looking forward to future posts. (See what I did there?)

Photography, hello — Software ate the camera, but freed the photograph by Craig Mod

Craig recently had a piece published in the New Yorker called Goodbye, Cameras. It’s good …but this follow-on piece on his own site is truly wonderful.

Read. Absorb. Ponder.

Being close to the network does not mean being on Facebook, thought it can mean that, too. It does not mean pushing low-res images to Instagram, although there’s nothing wrong with that. What the network represents, in my mind, is a sort of ledger of humanity. The great shared mind. An image’s distance to it is the difference between contributing or not contributing to that shared ledger.

A Pocket Guide to Master Every Day’s Typographic Adventures

A nice little cheat sheet for simple simple typography wins.

Windows of New York | A weekly illustrated atlas

Lovely little graphics inspired by New York architecture.

Steve & Steve: a graphic novel by Patrick Sean Farley

This is absolutely delightful, nicely weird, and thoroughly entertaining.

How to see through the cloud

This is a great explanatory piece from James Bridle in conjunction with Mozilla’s Webmaker. It’s intended for a younger audience, but its clear description of how web requests are resolved is pitch-perfect primer for anyone.

The web isn’t magic. It’s not some faraway place we just ‘connect’ to, but a vast and complex system of computers, connected by actual wires under the ground and the oceans. Every time you open a website, you’re visiting a place where that data is stored.

WTF Visualizations

Data visualisations that make no sense.

Edible Geography

I’m not sure how I managed to miss this site up until now, but it’s right up my alley: equal parts urban planning, ethnography, and food science.

Anton Peck Illustration - Gather eBook

You can download the PDF of Anton’s graphic novel Gather for free.

Butterick’s Practical Typography

There’s a lot of very opinionated advice here, and I don’t agree with all of it, but this is still a very handy resource that’s been lovingly crafted.

Inge Druckrey: Teaching to See on Vimeo

Sit back, relax, and enjoy this classic documentary on graphic design, courtesy of its producer Edward Tufte.

Web Fonts and the Critical Path - Ian Feather

The battle between web fonts and performance. Ian Feather outlines some possible solutions, but of course, as always, the answer is “it depends”.

Jessica Hische - Upping Your Type Game

A wonderful essay about type on the web by Jessica.

Histories Past

Documenting history through photography.

National Geographic Found

Celebrating 125 years of National Geographic, this Tumblr blog is a curated collection of photography from the archives. Many of the pictures are being published for the first time.

First public use of what Became Proxima Nova by Mark Simonson

Who knew? The reissue of the classic thirteen-part Star Wars radio series was the first appearance of a proto-Proxima Nova.

Map Projection Transitions

A lovely way of demonstrating the differences between map projections. Drag for extra fun.

Quotes and Accents

Jessica’s handy guide to writing the right quotes and accents on a Mac keyboard.

Using SVG on CSS-Tricks

Chris takes a look at all the different ways you can use SVG today.

Logical breakpoints for your responsive design

Vasilis examines the multitude of factors that could influence an ideal measure.

Prototyping Responsive Typography

Some handy tips for starting off your responsive designs from the type out.

Alice and Bob in Cipherspace

A clear explanation of the current state of homomorphic encryption.

Responsive typography demo

This is a pretty wacky experiment in altering font size based on the user’s distance from the screen (allow the page to access your camera and enable the “realtime” option for some real fun). I don’t know how much real-world application this has, but it’s a cute’n’fun exercise.

Submarine Cable Map

This year’s TeleGeography map of the undersea network looks beautiful—inspired by old maps. I love the way that latency between countries is shown as inset constellations.

Mercator Puzzle!

This is fun. Drag the red country outlines around and slot them into place on the map. Sounds easy, right? But the distorting effect of the Mercator projection makes it a lot tougher than it looks.

Actual Facebook Graph Searches

Another Tom Scott project:

I had to take one more quick, cheap shot — and I think a Tumblr blog is the quickest, cheapest shot it’s possible to take.

The responsive web will be 99.9% typography

An intriguing extrapolation of current design trends: perhaps typographically-strong single-column layouts will become popular out of sheet necessity.

Sparkicons and the humble hyperlink by Mark Boulton

I really like Mark’s idea of standardised “sparkicons” …for a while there, reading this, I was worried he was going to propose something like Snap Preview. shudder

phuu/sparksvg · GitHub

Remember when I made that canvas sparkline script? Remember when Stuart grant my wish for an SVG version? Well, now Tom has gone one further and created a hosted version on sparksvg.me

Not a fan of sparklines? Bars and circles are also available.

CABINET // Trap Streets

A fascinating piece by James on trap streets, those fictitious places on maps that have no corresponding territory.

Jan V. White

Eight of Jan White’s excellent books on graphic design are now available for free online, licensed under CC0 …they’re in the public domain now.

All he asks in return is that you might buy one of his books still in print, and maybe make a donation to the Internet Archive.

Jan V. White is a mensch.

Collect + share + discover type combinations.

A lovely new service from Mike Stenhouse: install the bookmarklet and then when you come across a website with a nice combination of fonts, you can save a snapshot of the page (and its fonts) for later perusal. You can then browse those fonts on Typekit, Fontdeck, MyFonts or Google Fonts.

Dronestagram

A new project from James, keeping track of the sites of illegal drone strikes.

❍ IcoMoon

This is a great free service for generating small subsetted icon fonts. Launch the app and have a play around — you can choose from the icons provided or you can import your own SVG shapes.

Nice touch: you can get the resulting font (mapped to your choice of unicode characters) base-64 encoded for your stylesheet.

Rhythm And Proportion In Grids And Type - Vanseo Design

A really nice piece on scale, ratio and rhythms in web design.

Beauty and Ugliness in Type design | I love typography, the typography and fonts blog

A fascinating look at what happens when you mash up beauty and ugliness in one typeface.

Kev aka Lomokev- Brighton street photographer: YouTube

A nice little profile of local Brighton photographer extraordinaire, Lomokev.

Responsive Measure: A jQuery plugin for responsive typography

Here’s something that Josh debuted at Smashing Conference: a script for responsive designs to adjust font-sizes based on a desired line-length.

Inevitably, it’s a jQuery plugin but I’m sure somebody could fork it to create a standalone version (hint, hint).

heather powazek champ - Message in a bottle: The Mirror Project

The Mirror Project is back! The Mirror Project is back!

This warms the cockles of my nostalgic little heart.

rekall

The not-so-new-but-hella-fun aesthetic.

Mobile Navigation Icons | TimKadlec.com

Tim shows how to make a scalable three-line navicon in CSS.

Fontello - easy iconic fonts composer

A nifty service for creating a custom font with just the icons you need.

Distant Shape: 10 Years of Daring Fireball

A nice visualisation of Apple’s transition From desktop to mobile over ten years, one Daring Fireball article at a time.

Oh, and happy birthday, Daring Fireball.

Matthew Butterick: Reversing the Tide of Declining Expectations

I don’t agree with everything in this presentation—there’s a nostalgic bias to the non-existent “good ol’ days”—but this is still very engaging and thought-provoking.

80’s Touch

The Old Aesthetic. It’s eighties-tastic!

Symbolset

It’s really good to see more providers of icon font sets. These look very nicely designed indeed.

Fluid Type | Trent Walton

Trent shares his ideas on handling line lengths in fluid, responsive layouts.

A City Like Ours - Street Photography – St. John’s, Newfoundland

I’m in St. John’s right now. Once you start perusing this excellent photoblog, you’re going to feel like you’re there too.

Tomorrow’s web type today: The fine flourish of the ligature » Blog » Elliot Jay Stocks

An informative post on ligatures in web type from Elliot. And, oh yeah, he redesigned his site again (it’s unsurprisingly lovely).

Avería – The Average Font

An algorithmically-generated font sounds like a terrible idea but I actually quite like the end result.

The Daily Torygraph

There’s two years(!) of doctored headlines here. Yes, it’s puerile but it’s also very funny (to my puerile sensibilities).

Myself, quantified | Extenuating Circumstances

Dan writes about how data saved his life. That is not an exaggeration.

He describes how, after receiving some very bad news from his doctor, he dived into the whole “quantified self” thing with his health data. Looking back on it, he concludes:

If I were still in the startup game, I have a pretty good idea of which industry I’d want to disrupt.

GATHER. A Graphic Novel by Anton Peck — Kickstarter

Anton is a fantastic artist. Therefore, this graphic novel will be fantastic. Therefore, you should back the hell out of it.

“Authenticity,” an article by Dan Mall

Cute. I gave Dan some advice. He made it look all pretty.

Google are about to murder a good friend of mine — Glenn Jones

Glenn gives a rational thoughtful explanation of why he’s as pissed off as I am about Google’s destruction of the Social Graph API.

We need a standard show navigation icon for responsive web design | Stuff & Nonsense

Andy documents the kinds of symbols being used to represent revealable navigation on mobile.

Style Tiles

Samantha put together this handy one-page site to explain Style Tiles as part of her South by Southwest presentation.

Scaling with EM units

Using em-based media queries to incrementally bump up the font size for larger viewports.

The world’s undersea internet cables - interactive | Technology | guardian.co.uk

Explore the shape of the underwater world of internet backbones.

The Lively Morgue

Photographs from the archive of the New York Times.

Official Google Blog: Renewing old resolutions for the new year

Google are shutting down the Social Graph API. Twunts.

Camping at Kiwifoo | Flickr - Photo Sharing!

The Kiwi Foo Space Program (a weather balloon with an Android device attached) captured some beautiful images.

Camping at Kiwifoo

Pictos

In an interesting new twist, Pictos now allows you to put together a custom subset of their icons as a font that can be served from their server just like any other webfont service.

Lost Type Co-op | Browse Fonts

Some of these pay-what-you-want fonts are actually rather nice.

Using OpenType font features with CSS 3: Part 1 | Fontdeck Blog

Richard starts diving into some the nifty ligatures that are becoming available to us in OpenType fonts with CSS3.

Emigre Web Fonts

Emigre’s font library is now available as web fonts that you can self-host (providing you take some protective measures with .htaccess). That means Mrs. Eaves is available for the screen. W00t!

telegraphic and signal codes : scans, transcriptions

Before there were HTTP codes, there were telegraphic codes. The Victorian internet indeed!

Rebecca Cottrell » Where visual design fits in a design process

I think Rebecca is on to something here. Everyone has been so quick to self-identify as a UX designer while marginalising visual design as a purely surface-level layer …but it’s all part of the design process.

How To Build a Modern Website in 2011 - Tom Milway - Blog

A good round-up of what web development means today …and what web developers need to do to keep pace.

Typography Effects with CSS3 and jQuery

Most of these are pretty over the top but they’re good proofs of concept.

Heaven Devoid of Stars – a tale of cross-browser kerning | Clagnut § Browsers · Typography · CSS techniques

Richard dives into the differences in how browsers handle kerning. Be sure to click through to the beautiful finished result.

The Icon Handbook | The Hickensian | Hicksdesign

Jon gives us a run-through on what to expect from his new book. I’ve had a sneak peek and it looks amazing—I can’t wait to get my hands on a copy.

Occupy George

A stroke of genius: turning money itself into the carrier for infographics on wealth distribution in America.

Type study: Sizing the legible letter « The Typekit Blog

A great article by guest author Ethan on the various approaches to sizing text in CSS.

Elena Font Family | Process Type Foundry

A lovely new typeface from Nicole Dotin that’s available to purchase as a web font under the very reasonable terms of the Process license agreement.

Sly Mongoose: A Responsive Digital Comic Proof-of-Concept

A responsively designed comic. Yeah, you heard me right. Responsive. Comic!

The typography-out approach in the world of browser-based web design » Blog » Elliot Jay Stocks

An insight into Elliot’s current design process which highlights the advantages of designing in the browser when you take a content-first approach.

10 Charts About Sex « OkTrends

This is may just be the best thing on the internet about data visualisation and statistics. And sex.

Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit

A set of default styles to get started on a mobile-first responsive design.

Test page for -webkit-font-smoothing | Christoph Zillgens

This handy matrix shows the effect of different -webkit-font-smoothing setting on various text combinations (serif/san-serif light/dark, etc.).

Ole: the quest for aurorae on Vimeo

The story behind one of the winning photographs at this year’s Astronomy Photographer Of The Year that I was lucky enough to attend. This is beautiful.

Making the QR Code InfoDressShe Bytes - Exploring Digital Art, Technology, Design

I had a lovely conversation at the Update after-party with Georgie about the infographic dress she was wearing. It’s quite lovely.

Stubbornella » Blog Archive » Don’t Style Headings Using HTML5 Sections

Nicole provides a step-by-step explanation of why it will probably benefit you to add classes to your headings to ensure consistent styling without writing overly-verbose CSS.

Jake Archibald - Font-Face - Good vs Legal on Vimeo

Jake’s talk at DIBI earlier this year was absolutely fantastic. It features a rape reference, a story about pissing, and a Human Centipede metaphor.

It’s also very, very informative. Watch this.

agile approach | The Anatomy of a Design Decision: Examiner’s 2012 Campaign Site

Samantha gives the rundown of a hands-on use of Style Tiles.

davidnewton.ca | The Current State of Hyphenation on the Web

A valiant attempt to polyfill support for hyphenation in browsers other than the latest Safari and Firefox.

Hyphenation arrives in Firefox and Safari | Fontdeck Blog

Finally. Hyphenation on the web.

Pretty much the only forms of Western literature that don’t use hyphenation are children’s books and websites. Until now.

Responsive Web Design! | Jessica Hische

Jessica Hische has redesigned her site in a lovely and responsive manner.

Web Typography for the Lonely

A collection of experiments in typography using canvas, SVG, JavaScript and whatever else it takes.

TRY HELVETICA

A cute idea: see how signs (mostly in Brazil) would look if they were set in Helvetica.

Writing in the Margins: Manicules « A Pretty Book

A lovely little ode to the manicule.

Explorations in Typography / Mastering the Art of Fine Typesetting

What a great way to sell a book with “explorations” in the title—play around with the font size, leading, alignment (and browser window size).

Contrast Rebellion - to hell with low-contrast fonts!

A cute website that’s a call-to-arms against low-contrast text on the web.

BBC - BBC Internet Blog: BBC World Service Language Websites: user experience and typography

A fascinating look at the intersection of typography and internationalisation on the BBC’s World Service site.

Tweeter Street

Portraits of people that tweet, what they tweet, where they tweet.

Beautiful Swear Words

A swear word a day, typeset.

An iPhoneography and Mobile Photography Conference

The world’s first mobile photography conference will take place in San Francisco on September 24th this year, featuring Dan Rubin, Jessica Zollman and more.

Dear Photograph

Atemporality can be very moving.

Ampersand Conference 2011 Focuses on Web Typography | The FontFeed

An incredibly detailed write-up of Ampersand.

Ampersand, the Aftermath — Jon Tan 陳

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

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.

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.

Web Typography – The Book

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

Christopher Boffoli Photography

Homunculi in a landscape of food.

jayzombiegram

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

Fuck yeah Keming!

A celebration of horrendous kerning all over the internet.

Lexadecimal

Hexadecimal colours and their corresponding dictionary definitions. Cute.

The Ampersand Story | Clagnut § Brighton · Typography · Clearleft · Conferences

Getting the background on Ampersand from Richard is getting me very excited for the conference.

Fit To Scale | Trent Walton

More documentation of a responsive redesign, this time from Trent Walton. Be sure to check out the FitText jQuery plug-in that was created as a result.

Font sizing with rem - Snook.ca

Well, ya learn something new every day …or at least I did. I had no idea about the rem unit—relative em—for font-sizing in CSS.

From Me To You

The humble animated .gif is turning into an art form.

FFFFALLBACK - A simple tool for bulletproof web typography.

A useful bookmarklet that suggests font stacks to match up with the web fonts on whatever page you happen to be viewing.

WhatFont Bookmarklet « Chengyin Liu

A handy bookmarklet that allows you to examine any piece of text on a website to determine what font it is set in.

Touching Strangers

The premise of this work is simple: I meet two or more people on the street who are strangers to each other, and to me. I ask them if they will pose for a photograph together with the stipulation that they must touch each other in some manner. Frequently, I instruct or coach the subjects how to touch. Just as often, I let their tentative physical exploration play out before my camera with no interference.

Shady Characters

The secret life of punctuation.

Victorian Infographics - a set on Flickr

Some beautiful pieces of data visualisation.

Geological Map of the State of Pennsylvania 1858 (detail)

Notabilia – Visualizing Deletion Discussions on Wikipedia

Visualisations of the history of controversial Wikipedia articles.

wordmark.it

A handy browser-based way of previewing the fonts installed on your computer.

End of 2010 | Flickr - Photo Sharing!

Matt Webb on photography.

You don’t see comments on like this on Facebook.

End of 2010

Comic Sans Criminal - There’s help available for people like you!

A somewhat condescending piece of work about Comic Sans …from a designer who uses the oh-so-passé Museo on his personal site.

Live by the judgemental sword, die by the judgemental sword.

9 hours (9h) Designer Capsule Hotel Review - Kyoto, Japan

A fascinating look at the experience design of the 9h brand of capsule hotel. I like the consistent use of colour, light and iconography.

Ampersand · The Web Typography Conference

If you're at all interested in web typography, be in Brighton on June 17th, 2011.

41Latitude - Google Maps & Label Readability

An examination into the legibility of labels on online mapping services.

iOS Fonts

A handy list of installed fonts on the iPhone and iPad.

Adfont Calendar 2010 | A free font every day from Fontdeck

It's a type drawer that's also an advent calendar. Responsive too. Check it every day between December 1st and 24th.

Qwerly: API Documentation

It's down for me right now, but this API from Qwerly looks like a great addition to complement Google's Social Graph API — it finds rel="me" links from a Twitter username.

MIX Online:Ai to Canvas Plug-In

A plug-in for Illustrator that allows you to export to canvas.

David DeSandro

Drag the text 'round for a bit of fun.

thisisntfuckingdalston.co.uk

A low-tech version of Flickr's shapefiles: stopping people and asking "excuse me, what area is this?"

Capturing the Atom Bomb on Film - Audio & Photos - NYTimes.com

Monstrously beautiful images, accompanied by an eye-witness audio account.

Lost World's Fairs

Lovely typographic showcases from Stan and friends.

BBC News - Audio slideshow: Seeing into space

I was invited along to the 2010 Astronomy Photographer of the Year awards ceremony in Greenwich but alas, I wasn't able to make it. Looks like it was fantastic.

Did you have a nice day? - Made by Rattle

A beautiful SVG visualisation (with source code) of the Rattle team's experience of dConstruct 2010.

Flickr: NASA on The Commons' Photostream

NASA is now part of Flickr Commons: loads of wonderful science-related pictures with no known copyright restrictions.

Webtype

The newest web fonts delivery service is a collaboration between five foundries: The Font Bureau, Ascender, Roger Black, Petr van Blokland and DevBridge.

The origins of abc | I love typography, the typography and fonts blog

A wonderful history of our alphabet. Set aside some time to read this.

Interesting Letterhead Designs | Letterheady

A fantastic blog of letterheads. Some of the typographic choices are perfect.

_not my type

Cute wearable typography snobbery.

flickr shapetiles / july 2010

Aaron's lovely visualisation of Flickr's shapetiles.

Historypin | Home

Old photos placed on a map. Quite engrossing.

Ask H&FJ: Four Ways to Mix Fonts

A nice look at some rules of thumb for combining typefaces.

CanvasMol

Beautiful chemistry visualisations using canvas.

Geonames Maps « optional.is/required

Brian documents his beautiful Geonames SVG maps.

Understanding Graphics — Design For The Human Mind

A site on designing with data from the author of Visual Language For Designers: Principles For Creating Graphics That People Understand.

Rise and Fall

Mike Stenhouse has graphed civilisation longevity: a nice bit of long zoom perspective.

Typograph – Scale & Rhythm

A handy tool that generates font-sizing CSS based on a drag'n'drop interface.

If San Francisco Crime was Elevation | Doug McCune

Beautiful mapping visualisations of crime data.

Argleton: A story of maps, maths and motorways —Kickstarter

Suw's Kickstarter-funded piece of puzzle fiction sounds very intriguing. Let's make it a reality.

Fonts Live

Ascender is selling (and hosting) webfonts now.

Google Font Directory

Google-hosted free-as-in-beer webfonts.

FontDeck: Exclusive Sneak Peek | Design Shack

Get a glimpse behind Fontdeck's curtain.

WOFF File Format 1.0 Submission Request to W3C

Microsoft, Mozilla and Opera have formally submitted the WOFF font format to the W3C.

Making Faces: Metal Type in the 21st Century (A documentary) — Kickstarter

Here's a Kickstarter project worth supporting: fund a documentary on crafting typefaces.

Colosseo Letterpress Poster: Reimagining the Roman Coliseum with type

The most beautiful piece of letterpress art from Cameron thus far.

8-Bit NYC

Nifty old-school 8-bit tiles superimposed on OpenStreetMap data.

Design discussions: Paul Shaw and the NYC Subway: idsgn (a design blog)

"There is a common misbelief that Helvetica is the signage typeface of the New York City subway system. In this ‘Design discussions’, we talk to the author who has uncovered the truth (maybe) behind the story."

A New Visual Design Language for BBC Online — Paul Robert Lloyd

Paul takes an in-depth look at the new BBC design guidelines.

Revised Font Stack | A Way Back

A thoroughly researched and well-written look at font stacks, with some practical suggestions and advice.

Fontspring | Fonts, fonts and more fonts

A store of fonts for sale, many of which have licenses that allow you to use them with @font-face.

Web-safe Fonts | Web Typography | Speaking In Styles

A very handy list of fonts ranked from "less likely" to "almost certain" to be installed.

ignore the code: Realism in UI Design

Finding the sweet spot between realism and abstraction in interface elements.

My favourite fonts of 2009 | i love typography, the typography and fonts blog

Some beautiful typefaces here, gathered together for your enjoyment.

MikeMake

Beatles infographics.

French Anti-Piracy Organisation Hadopi Uses Pirated Font In Own Logo | The FontFeed

Oh, the irony! Unconstitutionally draconian French "anti-piracy" organisation uses a pirated font in its logo.

Digital Podge 2009 - Measurable Fun | 17th December 2009

This is a gorgeous-looking website. I have no idea what it's about.

Typotheque: Gore’s choice

Changing a numeral in a typeface ...at Al Gore's request.

The Landscape of Music

The geography of musicians.

Enhance User Profiles with Google’s Social Graph API [Ruby & Rails]

Some Ruby on Rails code for enhancing sign-up forms using Google's Social Graph API, inspired by Huffduffer.

cyoa

An in-depth study mapping all the permutations in "choose your own adventure" books.

iQ Font

How to draw a font with a car. With. A. Car.

Timothy McSweeney's Internet Tendency: Letters from the Hellbox.

In praise of Gutenberg's contribution to typography.

Calligraphy by Nancy Howell

Wonderful calligraphy — something we don't make much use of on the web.

shopping losts

Taking shopping lists and setting them in a more typographically pleasing way.

Web fonts test

Test cases for font-linking.

High Performance Web Sites :: @font-face and performance

Steve Souders does the research and reveals the sad truth about the effect font-linking has on performance.

Ident Engine

Glenn has taken Google's Social Graph API, YQL and various parsers, and he's wrapped it all up in one JavaScript library. The demos are mind-boggingly impressive.

@font-face

A quick, slick primer on font linking.

@font-face in Depth

A good look at choosing fonts for font linking.

A Cohesive & Unified Identity for British Government — Paul Robert Lloyd

In search of typographical consistency in government departments.

London Reconnections: A Typeface for the Underground

A wonderfully engaging history of Johnston Underground.

Bulletproof @font-face syntax « Paul Irish

Getting font-linking to work in all browsers.

Read Regular / Introduction

A forthcoming typeface designed specifically to help people with dyslexia read and write more effectively.

Erik Spiekermann | design mind

Erik Spiekermann expounding on the beauty – and the difficulty – of designing numbers.

Make Photoshop Faster

Two little tips courtesy of Dan.

Typedia: A Shared Encyclopedia of Typefaces

Like Wikipedia for typefaces. Beautiful work from Jason, Dan, and others.

Goudy Fonts

"A tribute to two former bookkeepers who impacted American design & typography for all time."

Radio - The New York Moon

Gorgeous visual design for an interestingly eclectic site.

The Font-as-Service | i love typography, the typography and fonts blog

Elliot gives a rundown of the font delivery services for the web that are on the way.

Ex Nihilo

Dave has been experimenting with processing and documenting the results here.

Building Rome in a Day

Unbelievable 3D visualisation created by extracting common points from millions of pictures on Flickr of Rome, Venice and Dubrovnik. As Matt Haughey would say, "Holy shitballs!"

the Movie title stills collection

Prepare to lose yourself in this collection of movie titles from the 1920s to the present day.

Font in your face | Nimbupani Designs

A good, clear-headed summation of font linking.

Web fonts. Where are we? Will web fonts ever be a reality? | i love typography, the typography and fonts blog

A great round-up on the current state of web typography following TypeCon 2009.

The Typography Manual - For the iPhone and iPod Touch

A glossary of typography that you can carry around with you.

How to create EOT files without Microsoft WEFT — Edward O’Connor

@font-face for all — Ted shows how to convert TTF files to EOT using the command line.

The New York Review of Ideas

The colour scheme is a little odd (though I expect this will change from month to month) but the typography is tasteful and the content is king.

Calligraphie lumineuse - a set on Flickr

Gorgeous photos of Arabic calligraphy drawn in light.

"Celui qui voyage sans rencontrer l'autre ne voyage pas il se déplace" Alexandra David-Néel

Kernest.com | @font-face central

Another font-linking service is on the way.

PHP Typography 1.0 beta 3 • KINGdesk

A PHP script that adds nice typography to your markup.

Social Media Icons — Paul Robert Lloyd

A set of icons (in different sizes) from various trendy websites to use in your designs.

beautiful fonts with @font-face at hacks.mozilla.org

A good description of how font linking works.

Omkrets arkitektur: Typografi

Miso is rather nice; compact but legible.

Anonymous Pro

A nice fixed-width font from Mark Simonson. I'm giving it a whirl in Textmate.

Shinichi Maruyama

Black ink meets water.

Introducing Typekit « The Typekit Blog

Jeff's got something up his sleeve that will help the cause of web typography.

Nice Web Type Suggests: Graublau Sans with Lucida sanserif

A great example of @font-face in action: comparing Graublau Sans Web with with Lucida Grande.

Classics in Lego - a set on Flickr

Classic photographs recreated in Lego.

Behind the Gare Saint-Lazare

Web Typography Readability Test | by the User Experience team at Viget Labs

Jackson is gathering data to test on-screen readability. Sign up and join in.

Typefaces we can all share : Open Font Library

A repository of liberally-licensed fonts to link to with @font-face.

Accident-explanatory slings to make you smile

If you've ever broken/strained a limb, you'll know how tedious it gets answering the inevitable "what happened?" question time and time again.

H&FJ News | Hoefler & Frere-Jones

A nice concise look at the ampersand.

The League of Moveable Type

"We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts."

Tal Leming » Web Fonts

An excellent take on font-linking from someone who designs typefaces for a living.

Fuck the foundries [dive into mark]

Mark Pilgrim knows the score.

Identify: Google People With Two Keystrokes - ReadWriteWeb

A nice overview of Glenn's XFN Firefox plug-in.

we love typography. a place to bookmark and savour quality type-related images and quotes

An editorially managed collection of type-related goodies: "Think of it as FFFFound for all things type, typography, lettering, & signage."

8 Simple Ways to Improve Typography In Your Designs • Blog Archive • AisleOne

A quick round-up of typographic best practices applied to the web.

Science and Tech Ads - a set on Flickr

Vintage advertising of science and technology.

Martin ad

Portal Me

A person-specific portal generated using Google's Social Graph API. And it's less than 5K!

Letterpress books, posters &c. - a set on Flickr

A lovely set of letterpress printing

Handbound letterpress Miniature Book

LegiStyles™

Typographically thoughtful themes for NetNewsWIre. Even if you don't use the RSS reader, check out the gorgeous design of this site.

Multicolr Search Lab - Idée Inc.

A beautiful use of the Flickr API that allows you to browse photos with a colour picker.

Scenes from 30,000 meters above - The Big Picture - Boston.com

This is the dictionary definition of awesome: schoolkids send a camera into space.

HOT SHOTS photography course with lomokev | Garage Studios

Lomokev is teaching photography in Brighton. Learn from the best.

Identify - Firefox entension | Madgex Lab

Okay, I know I said "holy freakin' crap!" the last time I linked to one of Glenn's Social Graph API experiments but now he's gone and created a Firefox plug-in: press alt-i and you can see the social graph for anyone's site. Holy freakin' crap!

Social Graph Explorer | Madgex Lab

Holy freaking crap! Glenn's Social Graph Explorer is bloody brilliant!

Found Cameras and Orphan Pictures

IFoundYourCamera is a continuous project dedicated to reuniting lost cameras and orphan photos with their original owners.

Code: Flickr Developer Blog » Found in space

The “blind astrometry server” is a program which monitors the Astrometry group on Flickr, looking for new photos of the night sky. It then analyzes each photo, and from the unique star positions shown it figures out what part of the sky was photographed and what interesting planets, galaxies or nebulae are contained within.

FORMation Alliance | KERN

Tetris for type geeks on the iPhone.

this is a working library

I love the design of this site almost as much as I love the content.

Part 1/5, My Favorite Graph: at the Equator

"I love this graph because in one small space, it shows the time of Sunrise and Sunset across the entire world throughout all Latitudes throughout the entire year of this tilted planet."

App Shopper: WhatTheFont (Reference)

Like Shazam, but for fonts. Snap a picture of some text on your iPhone and this app will phone home to the WhatTheFont mothership in order to identify it for you.

Facing up to Fonts | Slides and notes

The slides from Richard's superb Skillswap presentation.

Striking Web Sites with Font Stacks that Inspire - Inspiration Bit

A look at different font stacks out there in the wild.

maxgadney.com

Information Graphics about WWII for WWII magazine and for the book proposal "A Visual Miscellany of World War II".

Jounce, the online home of M. Jackson Wilkinson

Jackson's lovely new site ...written in HTML5.

Font-weight is still broken in all but one browser | Clagnut § Browsers · Typography · CSS techniques

A superb bit of browser research by Richard. "There’s more to the lives of many typefaces than just Bold and Regular, but almost no browsers follow the proper CSS 1 way of specifying Light, Semibold, Black and other weights. There is a workaround,…

tiltshiftmaker.com - Transform your photos into tilt-shift style miniatures

Use TiltShiftMaker to easily transform your standard photos into fun tilt-shift style miniature pictures.

A List Apart: Articles: The Trouble With EM ’n EN (and Other Shady Characters)

This article is an oldie but a goodie. I find myself referring to it all the time: "Beating typographic correctness out of (X)HTML: more than you ever wanted to know about dashes, spaces, curly quotes, and other vagaries of online typography."

The Whale Hunt / A storytelling experiment / by Jonathan Harris

An experiment in human storytelling, using a photographic heartbeat of 3,214 images to document an Eskimo whale hunt in Barrow, Alaska.

Helvetireader

Jon's helvetican theme for Google Reader.

TURF BOMBING

Turf Bombing is a device-agnostic location-based game. Could be fun. I've already claimed my neighbourhood.

Five Simple Steps | Books

Mark's book is almost ready. Really. It's got its own site and everything so it must be true.

DSC_2672_1 on Flickr - Photo Sharing!

This photograph is the 3,000,000,000th to be uploaded to Flickr.

DSC_2672_1

Magnum Photos: The Places We Live

A photography exhibition and book by Jonas Bendiksen of densely populated urban areas around the world.

ThoughtCafe » Online Magazine

I like the look of this, both visually and idealistically. "ThoughtCafe is a crowdsourced online magazine, written by the internet community for the internet community."

Fonts available for @font-face embedding - Webfonts.info

A wiki for tracking which fonts have licenses that allow for @font-face embedding with CSS.

Ubiquitous web font embedding just got a step closer | Web Directions

John has come to the same conclusion as Richard with regards to font embedding. In short, the font foundries are missing a huge revenue stream. They could be offering fonts on a per-domain basis (a la Google Maps or any other third-party API). Rem…

Five CSS design browser differences I can live with | For A Beautiful Web

A great article by Malarkey wherein he lists five examples of progressive enrichment (as Dan is wont to call it) complete with side-by-side comparisons. Useful ammo, this.

Jan Chipchase - Future Perfect: Control Over Who You Want to Be

These thoughts on identity control reminded me of The Laughing Man from the first series of Ghost In The Shell: Stand Alone Complex (and not just because Jan Chipchase lives in Tokyo): "People like to manage and manipulate (with various degrees…

Camille Seaman Photography -The Last Iceberg Series II - NEW, The Last Iceberg, A Penguin's Life - NEW, The Big Cloud - NEW

Camille Seaman's stunning pictures of icebergs and clouds make me feel small and insignificant. But in a good way.

Flickr: National Maritime Museum's Photostream

Flickr Commons just keeps growing and growing. Now there are wonderful collections of pictures from Greenwich available for us all to peruse and tag.

David Maisel :: Photography :: Works (Fine Art)

The beautiful work of David Maisel, including Library of Dust: “. . . these canisters hold the cremated remains of patients from an American psychiatric hospital. Oddly reminiscent of bullet casings, the canisters are literal gravesites. Reacting …

Typechart - Browse Web Type, Grab CSS.

A handy little tool that's beautifully designed. View typeface/style/size combinations and then grab the CSS.

minimalsites | minimal design css gallery

A gallery of minimally designed websites. There are some lovely grid/type-based designs on view here.

Typography for Lawyers

Trying to teach legibility, one legal document at a time.

5 Questions for Kevin Meredith « Flickr Blog

Brighton's own Lomokev gets interviewed by Flickr.

A new design | Clagnut § Blogging · Information design · Clagnut news

Richard has launched the redesign he's had bubbling away for a while now. 'Tis lovely and gridilicous.

Video: Made in North Carolina: The Iconfactory

"GREENSBORO, N.C. (WGHP) -- In a small nondescript office on West Friendly Ave., a group of designers produces tiny artistic masterpieces that millions of people interact with every day." Nice TV news video clip showing our heroes and their beauti…

Sushi & Robots

Jina's new site is live and quite lovely it is too.

The Paragraph in Web Typography & Design — Jon Tan ?

A wonderfully informative and useful look at paragraphs styles ...in history and in CSS.

'Watchmen' Trailer to Comic Comparison | Features | RopeofSilicon.com Entertainment News

Side by side comparison of stills from the Watchmen trailer and the graphic novel.

Handwritten Typographers

Cameron asked some type creators for samples of their handwriting. They obliged. Compare the handwriting to the fonts.

Digital Web Magazine - Portable Social Networks, The Building Blocks Of A Social Web

Ben has written a superb article outlining the hows and whys of distributed social networks with hCard and XFN, finishing with an inspiring call to arms.

Knitting Letters : A to Z

An abecedarium of knitted letters.

Social networks may be imaginary | The Register

My new motto is "The Social Graph is a Spherical Cow."

Looking Back: How Different Groups Voted

A really nice interactive infographic from the New York Times.

Bruce Schneier: Are photographers really a threat? | Technology | The Guardian

An excellent article that explodes the ludicrous myth that terrorists like to go around taking pictures of potential targets so therefore photographers are dangerous.

The Big Picture - Boston.com

This new photojournalism blog is filled with stunning imagery.

Adie Loves Polly

A four-year old girl named Adie blogs the photos she takes with her polaroid camera named Polly. That's all.

The Ampersand

A blog devoted entirely to the ampersand.

Cubescape - Your own digital landscape

Cam's latest experiment is insane but brilliant ...sort of like Cam himself.

Seed Conference | Chicago | 6 June 2008

A version of the beautiful Seed Conference one-sheet Website that has been reworked to use ems instead of pixels.

BBC NEWS | Magazine | Innocent photographer or terrorist?

The police in the UK seem to have problems distinguishing between "tourists" and "terrorists". East mistake to make, I guess.

The Rather Difficult Font Game

I scored 27 and frankly, most of that was pure luck.

Flickr: Photos from Powerhouse Museum Collection

The Powerhouse Museum in Sydney—who have been doing some great stuff with public tagging already—have joined the Library of Congress in putting their photographic collection online for crowdsourced tagging.

BMWSportTouring Forums: Space Shuttle Processing: Rarely seen by the general public

This photoset of a space shuttle' journey from assembly to launchpad is bringing back memories of that behind-the-scenes glimpse of Cape Canaveral I was lucky enough to enjoy. Thanks again, Benny!

Life Before Death at the Wellcome Collection | Society | guardian.co.uk

A haunting series of portraits taken before and after the subjects' deaths.

Seed Conference | Chicago | 6 June 2008

The typography on this page is simply gorgeous. And the event looks good too.

Apostrophe Atrophy

Documenting typographical abuse, specifically when single primes are used instead of apostrophes.

× × timoni.org × ×

I'm loving the typography on this blog.

Pixish: We bring visual artists and publishers together

The latest website from Derek Powazek allows artists and businesses to hook up. Nicely done.

kropp

Good typography + stylish grid + liquid layout = WIN!

Typesites

A site devoted to cataloging good website typography.

Typography with Potatoes Workshop : Ana Belén Ramón

This looks like so much fun: spudpress.

Alison on the Behance Network

A wonderful series of black and white photographs documenting the growth of photographer Jack Radcliffe's daughter Alison from childhood to adulthood.

Logica Stock Icon Family debuts at Iconfactory's Stockicons.com

Clean, businesslike icons by the icon artists behind Windows XP and Ubuntu Linux.

Flight thru Instruments - a photoset on Flickr

A collection of beautiful illustrations scanned from a flight-training manual.

Visualize Performance

TypeTrust

Epic is a lovely looking new typeface from Neil Summerour.

cityshrinker

Lots of tiltshift photos gathered together in one place.

Developer's Guide - Google Chart API - Google Code

All the code you need to add charts and graphs to your site.

FOOZINI™

A gallery of food collected from the web.

MATT STUART | PHOTOGRAPHER | EXPOSES EVERYTHING

Wonderful and funny photographs of people in serendipitous situations.

Giant Global Graph | Decentralized Information Group (DIG) Breadcrumbs

TIm Berners-Lee explains what the "graph" part of "social graph" means. I'm still not keen on the term but I really love the idea (although I also disagree about the building blocks required today).

favikon

A great little tool for creating favicons.

Running from Camera

"The rules are simple: I put the self-timer on 2 seconds, push the button and try to get as far from the camera as I can." The cumulative effect is mesmerising.

Eye-Fi Wireless Camera SD Memory at The Photojojo Store

At lunch the other day, Josh was telling me about this magic new WiFi-enabled SD memory card that allows you to upload pictures to Flickr straight from your camera.

ATypI Brighton 2007

Audio and video from the typography conference held in Brighton earlier this year, including Joe's presentation about the signage in the Toronto subway. Download the files or subscribe to the podcasts.

Chinese Culture Versus German Culture » Adino Online

A series of infographics comparing Chinese and German culture. Amusing and astute.

Design View / Andy Rutledge - quiet structure

A nice overview of avoiding clutter in web design. It's not just about whitespace; the number of edges and gradients can also add up to an undifferentiated design.

si scott design

Beautiful artwork in a minimalist interface. But you'd better have your browser window maximised on a big monitor. *sigh*

Veer: Products: Merchandise: Helvetica Coffee Mug

I think we should get a whole set for the Clearleft office.

Inscribed in the living tile: Type in the Toronto subway (Joe Clark)

The paper of Joe's talk at ATypI Brighton. It's fascinating, well-researched stuff.

The Morning News - Still Life

Beautiful images of destruction. "I drop the figurine from the same height in complete darkness while the lens of the camera is open. When the figurine hits the ground, the sound triggers the lights to go off for a fraction of a second."

George Orwell, “Politics and the English Language”, 1946

A beautifully marked up and typeset copy of George Orwell's classic essay.

typography - a photoset on Flickr

A collection of books with beautiful typography.

stephenson01

MapMSG.com - Statetris

Very very cool and addictive cross between Tetris and geography knowledge. It took me 19:45 to get all of Europe on a medium setting. That's pathetic.

i love typography

A new blog dedicated to, yup... typography. Looks like a keeper.

The Serif - Your daily dose of design inspiration - The Serif

An interview with type designer, Eric Olson.

The Eachday Blog — Die Speech Bubble Logo, Die.

“Attention all startups, it’s a bad idea to hang your ID hat on a speech bubble. Just don’t.”

How To Mix Fonts: Typeface Cheat Sheet

A cheat sheet for combining typefaces. No hard and fast rules but a handy guide to print out and use.

design|snips

A collection of websites incorporating noteworthy visual design elements.

lowercase L

A blog devoted entirely to instances of all-caps writing that uses lowercase letter Ls.

Syncotype Your Baselines — RobGoodlatte.com

Here's a handy little bookmarklet that overlays a grid on a web page—very handy for tweaking vertical rhythm and aligning to a baseline.

Blueprint: A CSS Framework

Pulling together a bunch of CSS tricks from a range of sources: reseting, baseline typography and grids (fixed width, unfortunately).

Type the sky | Slanted

Finding letters everywhere.

Mark Boulton Design : +44 (0)845 603 2399

Mark has launched his business site. Lovely grids and typography, as you'd expect.

Graphic Design and typography - Swiss Legacy » The italic poster

We may just have to get this italic poster for the Clearleft office.

strange maps

This blog devoted entirely to maps is far more interesting than it sounds. It's a treasure trove of weird and wacky stuff. Fascinating... and a complete time sink.

Peter Saville Graphic Design - fonts

Peter Saville is releasing some of his fonts for free. I'm grabbing the beautiful serif typeface used on the front of Joy Division's "Closer"; it's gorgeous.

SpiekermannPartners › Le Monde Diplomatique

The newly-launched redesign of Le Monde Diplomatique is absolutely gorgeous. Whitespace on a newspaper: finally!

Vitamin Features » Web Design-isms: 7 Surefire Styles that Work

A nice well-illustrated article from Larissa Meek pointing to some design trends that can be applied to the Web.

Guardian Unlimited

The front page of The Guardian website has been redesigned with some good use of typography and colour. Shame it's so wide though.

typography - a photoset on Flickr

A gorgeous 1923 specimen book from the American Type Foundry.

MOO | NoteCards - stand and deliver

They're here! New from Moo: NoteCards. Beauteous.

mezzoblue § Chalkwork Basic Royalty-free Icons

Dave has made some icons — very nice ones.

Digital Web Magazine - Redesigning the ExpressionEngine Site

A really nice article by Jesse Bennett-Chamberlain detailing the process behind a site design.

Motionographer | Motion graphics, design, animation, filmmaking, vfx and bombastic banter» Blog Archive » Say What Again

Check out the beautiful use of Rockwell in this typographical interpretation of a scene from Pulp Fiction.

Urban Dirty: Free texture stock photography for your artwork, desktop and design

A nice collection of royalty free texture photos using the Flickr API.

indexed

A cute blog that uses ingenious diagrams to "make fun of some things and sense of others."

In Saturn’s Shadow

This picture of Saturn, taken from the Cassini probe, is literally incredible: it doesn't look real.

A List Apart: Articles: Whitespace

Mark has written a great article for ALA, focusing on one aspect of good typography: whitespace.

decaffeinated archives :: Shuffled ligatures

Apple's variant of Myriad has a very nice "ff" ligature.

Twitter / Rev Dan Catt: 10,000,059 geotagged photo,...

Via Reverend Dan Catt on Twitter comes word of over 10,100,000 getagged photos. Mazel tov!

Flickr: Camera Finder

Flickr's aggregate camera data (preceded by a paid placement from Nikon). Scroll down for graphs.

If I dig a very deep hole, where I go to stop?

Find the antipodes of your location. Remember, most of the world is ocean.

Ajaxload - Ajax loading gif generator

Generate your own animated .gif for Ajax apps.

Information Architects Japan » Blog Archive » Web design is 95% typography

There's a good list of resources about typography at the end of this article.

Battersea Power Station and Grosvenor Bridge on Flickr - Photo Sharing!

Dave Gorman tells of being stopped under the Prevention of Terrorism Act while taking pictures of Battersea Power Station. It's all very civilised. One of the coppers uses Flickr herself.

Battersea Power Station and Grosvenor Bridge

Istd - Kern up the Volume

Erik Spiekermann is speaking in London at the start of November. For just £15, this event looks like great value.

Happy Cog Studios: Work: Dictionary.com

Happy Cog redesigns Dictionary.com and its siblings.

Daniel Mall: Typobituaries

Fonts that deserve to do.

Skeptic: The Magazine: Featured Article

A good, if somewhat dispiriting, overview of Artificial Intelligence. (There's some nice typesetting on this page)

Noel Barnhurst

The portfolio of a food photographer.

L o v i s a R i n g b o r g

A strange and beautiful portfolio of photographs.

mezzoblue § ClearerType

Good news everyone! ClearType is turned on by default in IE7.

Saturday in the Park with Friends Painting Seurat on the Rock River - a photoset on Flickr

I think Seurat would have liked the fact that all these pictures are made up of pixels. Digital pointillism.

First example of Seurat Painting Photo

Overcaffeinated : Photography

That Sergio is one lucky stiff(y).

From the Other Side of the Microscope

Participating in a card-sorting exercise for the AIGA redesign.

Grease Monkey Graphic Novel

Read the first two chapters of Tim Eldred's graphic novel online.

Pogue’s Posts - Technology - New York Times Blog - Picture This: Common Sense

This is ridiculous. Target refuses to print a customer's pictures because they look "too professional."

Design Melt Down

Design elements, trends and problems in Web Design... via John Oxton.

Brighton Daily Photo - Dean Harvey

This blog has a picture taken in Brighton every day.

Samuel's Blog

The working example from Richard's chapter in Blog Design Solutions. It's a home-rolled PHP/MySQL blog for Samuel Pepys featuring beautiful typography... natch.

iStockphoto.com : Articles - Know Your Type

A really nicely laid-out introductory article on typography from the folks at Red Labor.

Digital Web Magazine - CSS Typography

Garret Dimon runs through some of the options available when using CSS to improve readability.

Foundphotos

This is fascinating in a voyeuristic way - photographs found on peer to peer networks from people who are (perhaps accidentally) sharing their entire home folder.

The Anatomy of Web Fonts [Design Principles]

Andy Hume has written a superb article about typography on the Web.

.:: beedogs ::.

This is *exactly* the kind of thing that Tim Berners-Lee had in mind when he invented the World Wide Web: pictures of dogs, dressed as bees.

Tom Vincent Photography - Salter Cane

Pictures of my band. My, what a grim-looking lot we are.

The Graphing Calculator Story

The fascinating story of an application built by ex-employees sneaking into Apple.

When Blobjects Rule the Earth

Bruce Sterling SIGGRAPH 2004 speech

Powazek: Just a Thought: I suspect that I am part of a teaser campaign

Flickr will be doing publishing on demand. Looks good.

Veer: Ideas: Etched In Stone

The unstoppable rise of Trajan.

two point three

This is a beautiful blog.

SVG in WebCore

Weep not, Ethan! SVG lives... possibly in Safari and Dashboard.

: : Speak Up > Design Clichés : :

It's funny because it's true.

plazes.beta

Geo-tagging meets social software. I must check this out and investigate the API.

The Helvetica Meditations

Here's one for Joe Clark. Helvetica (and some Arial) found in England.

Six Ounce Board Store: Board gallery

A nice implementation of my JavaScript image gallery on a really nicely designed site

GarrettDimon.com

Garrett has a new site. I'm very keen on the design, especially the typography.

The non-typographer's guide to practical typeface selection

A great overview of typography by Cameron Moll, talented designer and super-nice guy.