Tags: ia

595

sparkline

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.

Aria-Controls is Poop | HeydonWorks

I wrote a while back about how I switched from using a button to using a link for progressive disclosure patterns. That looks like it was a good move—if I use a button, I’d need to use aria-controls and, as Heydon outlines here, the screen reader support is pants.

How we made the RioRun progressive web app | Info | The Guardian

The devs at The Guardian walk through the process of building a progressive web app for the Olympics. There were some gotchas with the life cycle of service workers, but the pay-off was worth it:

Once you get there though, it’s quite magical when you load the page on a phone, switch it to airplane mode, reload, and continue using the app as though nothing was wrong.

Empire of the Air: The Imperial Airship Service

The first in a series of articles looking at the history of British airships a century ago …just in time for the revival.

Creating An Accessible Modal Dialog

In the same vein as Hugo’s script, Ire walks through the steps involved in making an accessible modal window. Seeing all the thinking and code required for this really highlights the need for a way of making the document in the background inert.

React Isomorphic Demo

It is possible to use React without relying completely on client-side JavaScript to render all your content—though it’s certainly not the default way most tutorials teach React. This ongoing tutorial aims to redress that imbalance.

Besides the main benefit of server rendering giving faster page loads, it also enables large amounts of the site to run without JavaScript. There are many reasons why you would want this, but my personal reasons are that it allows you to completely drop support JavaScript in older browsers, but still have the site function.

Web Design in 4 minutes

This is a wonderful way of progressively explaining the layered approach to building for the web that Charlotte was teaching in her Codebar workshop.

Dennis Cooper fears censorship as Google erases blog without warning | Books | The Guardian

Two weeks ago, writer and artist Dennis Cooper was checking his Gmail when something peculiar happened: the page was refreshed and he was notified that his account had been deactivated – along with the blog that he’d maintained for 14 years.

This is why the Indie Web exists.

His advice to other artists who work predominantly online is to maintain your own domain and back everything up.

How to Make Sense of Any Mess

Did you know that Abby Covert’s book is available online in its gloriously hyperlinked entirety?

MarkSheet: a free HTML and CSS tutorial - Free tutorial to learn HTML and CSS

This looks like a great resource for beginners looking to learn HTML and CSS.

Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns” (Pre-Release) – Smashing Magazine

I think it’s a safe bet that this new book by Heydon will be absolutely brilliant.

It’s a handbook with valuable, time-saving techniques that will help you avoid hacky workarounds and solve common issues effectively.

Standardizing the Social Web

The slides from Aaron’s talk at OS Bridge in Portland, looking at the formats and protocols powering the indie web.

Building better accessibility primitives

On the need for a way to mark parts of a document as “inert” while the user is interacting with modal content.

Intro to Flexbox

The slides from Arelia’s flexbox talk.

Developing Dependency Awareness – Smashing Magazine

A typically superb article by Aaron. Here, he breaks down a resilient approach to building for the web by examining the multiple ways you could add a button to a page. There’s a larger lesson here too:

We don’t control where our web-based products go or how our users access them. All we can do is imagine as many less-than-perfect scenarios as possible and do our best to ensure our creations will continue to do what they’re supposed to do. One of the easiest ways to do that is to be aware of and limit our dependencies.

Bad Character - The New Yorker

A fascinating thought experiment from Ted Chiang:

So let’s imagine a world in which Chinese characters were never invented in the first place. Given such a void, the alphabet might have spread east from India in a way that it couldn’t in our history, but, to keep this from being an Indo-Eurocentric thought experiment, let’s suppose that the ancient Chinese invented their own phonetic system of writing, something like the modern Bopomofo, some thirty-two hundred years ago. What might the consequences be?

Bowiebranchia

Nudibranchia or other opisthobranchia compared to the various looks of David Bowie.

The inside story of Facebook’s biggest setback | Rahul Bhatia | Technology | The Guardian

The history of Facebook’s attempt to steamroll over net neutrality in India …and how they failed in that attempt, thanks to a grassroots campaign.

Crucially, Facebook itself would decide which sites were included on the platform. The company had positioned Internet.org as a philanthropic endeavour — backed by Zuckerberg’s lofty pronouncements that “connectivity is a human right” — but retained total control of the platform.

RFC 7763 - The text/markdown Media Type

Markdown gets its own media type: text/markdown.

Angola’s Wikipedia Pirates Are Exposing the Problems With Digital Colonialism | Motherboard

The street finds its own uses for colonial internet practices:

Because the data is completely free, Angolans are hiding large files in Wikipedia articles on the Portuguese Wikipedia site (Angola is a former Portuguese colony)—sometimes concealing movies in JPEG or PDF files. They’re then using a Facebook group to direct people to those files, creating a robust, completely free file sharing network.

Helium Dreams - The New Yorker

This article on airships has my new favourite sentence in the English language:

During the First World War, Germany and its allies ceased production of sausages so that there would be enough cow guts to make zeppelins from which to bomb England.

Of course it was Simon who pointed me to this. Of course.

PX, EM or REM Media Queries? by Zell Liew

Just recently on a Clearleft project, some of us were discussing whether there was a reason not to use rems instead of ems for media queries. Apart from one older browser implementation difference, we couldn’t come up with much.

Some in-depth research here supports the use of em values for media queries. Very good to know.

A Helpful Diagram

Blogging through Venn diagrams.

Introducing A11y Toggle

Here’s a bit of convergent evolution: Hugo’s script is similar to what I wrote about recently.

He also raises a point that Kevin mentioned:

I would like to investigate on the details and summary elements as they are basically a native implementation for content toggles.

For some reason details never got much browser love, even though it’s clearly paving a well-trodden cowpath.

Material Conference 2016 by Joschi Kuphal & Brian Suda — Kickstarter

I’m am soooo there!

Iceland, July 22nd: a conference about the material of the web …right up my alley.

You can get a ticket by backing the project on Kickstarter. Be sure to check out all the options.

See you in Reykjavík!

Dyslexia

An attempt to convey the experience of (one kind of) dyslexia through code.

Manifesto of the Committee to Abolish Outer Space – The New Inquiry

Fear and loathing in Houston.

  1. Humanity will never colonize Mars, never build moon bases, never rearrange the asteroids, never build a sphere around the sun.
  2. There will never be faster-than-light travel. We will not roam across the galaxy. We will not escape our star.
  3. Life is probably an entirely unexceptional phenomenon; the universe probably teems with it. We will never make contact. We will never fuck green-skinned alien babes.
  4. The human race will live and die on this rock, and after we are gone something else will take our place. Maybe it already has, without our even noticing.
  5. All this is good. This is a good thing.

All our imagined futures | A Working Library

Science fiction as a means of energising climatic and economic change:

Fiction, and science fiction in particular, can help us imagine many futures, and in particular can help us to direct our imaginations towards the futures we want. Imagining a particular kind of future isn’t just day dreaming: it’s an important and active framing that makes it possible for us to construct a future that approaches that imagined vision. In other words, imagining the future is one way of making that future happen.

But it’s important that these visions are preserved:

It’s very likely that our next Octavia Butler is today writing on WattPad or Tumblr or Facebook. When those servers cease to respond, what will we lose? More than the past is at stake—all our imagined futures are at risk, too.

The Secret Lives of Tumblr Teens | New Republic

A fascinating insight into some of Tumblr’s most popular accounts:

Some posts get more than a million notes—imagine a joke whispered in biology class getting a laugh from a city the size of San Francisco.

It’ll be a real shame when Tumblr disappears.

That’s “when”, not “if”. Remember:

In 2013, Yahoo bought Tumblr.

Banjos and Discrete Technologies | stevebenford

An examination of how sites like The Session are meshing with older ideas of traditional Irish music:

There is a very interesting tension at play here – one that speaks directly to the design of new technologies. On the one hand, Irish musicians appear to be enthusiastically adopting digital media to establish a common repertoire of tunes, while on the other the actual performance of these tunes in a live session is governed by a strong etiquette that emphasizes the importance of playing by ear.

There’s an accompanying paper called Supporting Traditional Music-Making: Designing for Situated Discretion (PDF).

The Pain With No Name · An A List Apart Article

This rousing call-to-arms by Abby the IA makes a great companion piece to her interview on The Big Web Show.

Prohibition Of Discriminatory Tariffs For Data Services Regulations, 2016 (PDF)

Good news for net neutrality from India:

No service provider shall enter into any arrangement, agreement or contract, by whatever name called, with any person, natural or legal, that has the effect of discriminatory tariffs for data services being offered or charged to the consumer on the basis of content.

Short note on improving usability of scrollable regions

Three very easy to implement additions to scrollable areas of your web pages: tabindex="0", role="region", and an aria-label attribute.

The accessibility stack: making a better layer cake » Simply Accessible

A great description of a solid architectural approach to building on the web (and not just for accessibility either).

Stupid Shit No One Needs & Terrible Ideas Hackathon

A one-day event where participants conceptualize and create projects that have no value whatsoever.

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.

Mike Hill - Industrial Design in Entertainment on Vimeo

A terrific analysis of industrial design in film and games …featuring a scene-setting opening that delineates the difference between pleasure and happiness.

Temporary Constellations — Buckley Williams

This is a really lovely project by Dan and Nat—Christmas cards featuring the fleeting invisible constellations formed by the mesh of GPS satellites within which our planet lies.

HIKE - Introduction to accessibility concepts for the Web

It really isn’t hard to get the basics of accessibility right on the web …and yet those basics are often neglected.

Here’s a handy shortlist to run through, HIKE:

  • H stands for headings and semantic markup.
  • I stands for images and labels.
  • K stands for keyboard navigation.
  • E asks for you to ACT with a little extra love for custom components and more.

(ACT = ARIA, Colour Contrast, Text Size)

HTML Developers: Please Consider | HTML5 Doctor

The best ARIA role is the one you don’t need to use.

oldweb.today

Such a vividly nostalgic project. Choose an obsolete browser. Enter a URL. Select which slice of the past you want to see.

Digital archives in action. Access drives preservation.

Universal React ◆ 24 ways

I have no hands-on experience with React, but this tutorial by Jack Franklin looks like a great place to start. Before the tutorial begins he succinctly and clearly outlines the perfect architecture for building on the web today:

  • The user visits www.yoursite.com and the server executes your JavaScript to generate the HTML it needs to render the page.
  • In the background, the client-side JavaScript is executed and takes over the duty of rendering the page.
  • The next time a user clicks, rather than being sent to the server, the client-side app is in control.
  • If the user doesn’t have JavaScript enabled, each click on a link goes to the server and they get the server-rendered content again.

YES!!!

Y’know, I had a chance to chat briefly with Jack at the Edge conference in London and I congratulated him on the launch of a Go Cardless site that used exactly this technique. He told me that the decision to flip the switch and make it act as a single page app came right at the end of the project. I think that points to a crucial mindset that’s reiterated here:

Now we’ll build the React application entirely on the server, before adding the client-side JavaScript right at the end.

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.

It’s the IMP

There are Inception-like layers of nostalgia here: firstly, this web series of web pages made by Matt are a throwback to an earlier era, and secondly, the story being told goes all the way back to the birth of the ARPAnet.

The Radiation Threat to “The Martian” (PDF)

This is something that has been bugging me ever since reading the book:

While Andy Weir does a good job of representing the risks faced by Mark Watney, stranded on Mars and confronting one life-threatening challenge after another, he is silent on the threat of radiation, not just to Mark but particularly to the crew of the Hermes as they contemplate executing a daring rescue mission that more than doubles their time in deep space.

Well, this paper answers all my questions.

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.

Histography - Timeline of History

A nice navigable timeline of historical events from Wikipedia.

How can we fix internet comments?

Here’s an interesting approach to making comments more meaningful:

Instead of blindly publishing whatever people submit, we first ask them to rate the quality and civility on 3 randomly-selected comments, as well as their own. It’s a bit more work for the commenter, but the end result is a community built on trust and respect, not harassment and abuse.

Where to Put Your Search Role by Adrian Roselli

This is a very handy tip. I had been putting form role="search" all over The Session. Turns out that’s overriding the default role of “form”. Oops!

The West Pier, Brighton England on Vimeo

For almost a century and a half the West Pier has been Britain’s most iconic pier. Renowned for its wonderful architectural style, it has been visited and enjoyed by millions. Even today with its sculptural remains casting an eerie beauty over the seafront, the West Pier is still the most photographed building in Brighton.

(Xrisk 101): Existential Risk for Interstellar Advocates | Heath Rezabek - Academia.edu

Exemplars proposing various solutions for the resilience of digital data and computation over long timeframes include the Internet Archive; redundantly distributed storage platforms such GlusterFS, LOCKSS, and BitTorrent Sync; and the Lunar supercomputer proposal of Ouliang Chang.

Each of these differs in its approach and its focus; yet each shares with Vessel and with one another a key understanding: The prospects of Earth-originating life in the future, whether vast or diminishing, depend upon our actions and our foresight in this current cultural moment of opportunity, agency, awareness, ability, capability, and willpower.

Web Design - The First 100 Years

A magnificent presentation from Maciej that begins by drawing parallels between the aviation industry in the 20th century and the technology industry in the 21st:

So despite appearances, despite the feeling that things are accelerating and changing faster than ever, I want to make the shocking prediction that the Internet of 2060 is going to look recognizably the same as the Internet today.

Unless we screw it up.

And I want to convince you that this is the best possible news for you as designers, and for us as people.

But if that sounds too upbeat for you…

Too much of what was created in the last fifty years is gone because no one took care to preserve it.

We have heroic efforts like the Internet Archive to preserve stuff, but that’s like burning down houses and then cheering on the fire department when it comes to save what’s left inside. It’s no way to run a culture. We take better care of scrap paper than we do of the early Internet, because at least we look at scrap paper before we throw it away.

And then there’s this gem:

We complained for years that browsers couldn’t do layout and javascript consistently. As soon as that got fixed, we got busy writing libraries that reimplemented the browser within itself, only slower.

It finishes with three differing visions of the web, one of them desirable, the other two …not so much. This presentation is a rallying cry for the web we want.

Let’s reclaim the web from technologists who tell us that the future they’ve imagined is inevitable, and that our role in it is as consumers.

Interface Experience Maps, From the Notebook of Aaron Gustafson

This sounds like it could be a very useful tool to introduce early in projects to get a shared understanding of progressive enhancement.

keyboard (div) ✿ dabblet.com

Here’s a really nifty use of the :checked behaviour pattern that Charlotte has been writing about—an interface for choosing a note from a piano keyboard. Under the hood, it’s a series of radio buttons and labels.

Where visual design fits in a process – Occasional writing from @rivalee

I think the distinction between ‘how it works’ and ‘how it looks’ is blurrier than we think.

[this is aaronland] did I mention it vibrates?

history is time breaking up with itself

A great piece of hypertext from Aaron on the purpose of museums, the Copper Hewitt Pen, and matter battles.

Dev.Opera — UX accessibility with aria-label

A great run-down by Heydon of just one ARIA property: aria-label.

SmashingConf Oxford 2015: Richard Rutter on Don’t Give Them What They Want, Give Them What They Need

A great case study from Richard, walking through the process of redesigning the website for the Royal Borough of Kensington and Chelsea.

Culture Ship Randomizer · A gravitas free zone.

For when you just have to name something after a Culture General Systems Vehicle …or maybe a General Contact Unit.

Someone tell Elon.

The Smithsonian’s design museum just got some high-tech upgrades

A profile of the great work Aaron and Seb have been doing at the Cooper Hewitt museum. Have a read of this and then have a listen again to Aaron’s dConstruct talk.

Harnessing Flexbox For Today’s Web Apps - Smashing Magazine

More flexbox!

This time it’s a great article by Karen Menezes filled with practical examples showing where you can use flexbox today.

flexbox in 5 minutes

A really handy interactive intro to flexbox. Playing around with the properties and immediately seeing the result is a real help.

Responsible Social Share Links — Jonathan Suh

If you insist on having “social” sharing buttons, here’s a way to avoid bloating your page unnecessarily.

But you might want to reconsider whether you need them at all.

Welcome to the new Guardian website

The Guardian have hit the big red button and made their responsive site the default. Great stuff!

(top tip: don’t read the comments)

The Smithsonian’s Cooper Hewitt: Finally, the Museum of the Future Is Here - The Atlantic

Remember Aaron’s dConstruct talk? Well, the Atlantic has more details of his work at the Cooper Hewitt museum in this wide-ranging piece that investigates the role of museums, the value of APIs, and the importance of permanent URLs.

As I was leaving, Cope recounted how, early on, a curator had asked him why the collections website and API existed. Why are you doing this?

His retrospective answer wasn’t about scholarship or data-mining or huge interactive exhibits. It was about the web.

I find this incredibly inspiring.

Describe Me

A great Zooniverse-style project for the website of Australia’s Museum Victoria that allows you to provide descriptions for blind and low-vision people.

Accessibility of Web Components

A great presentation on web components by Marcy, with an emphasis on keeping them accessible.

Steve Albini on the surprisingly sturdy state of the music industry

Steve Albini’s barnstorming keynote address at Melbourne’s Face the Music conference.

Thanks to Microsoft, Opera just got 100M potential new mobile browser users

I mentioned this a little while back, but it’s worth remembering just how many people are using Opera Mini …and how many more are about to join them.

Bring it on!

Free My Data | Download and archive social media data

A nice little collection from Erin and Ben: how to export your data from various services.

I should fork this on Github and add instructions for exporting your Huffduffer data.

ARIA Quicktip: Labelledby vs. Describedby, From the Notebook of Aaron Gustafson

Yesterday, Aaron gave a great talk at BD Conf about forms. In one example, he was using aria-describedby. I was a bit confused by the differences between aria-describedby and aria-labelledby, so Aaron has very helpfully clarified the distinction.

Is Facebook building a colonial web? by Alice Newton

internet.org might more accurately be called very-small-piece-of-internet.org

Why I Joined the IndieWeb Movement - Wingin’ It

I hope that many of you will watch me on this journey, and follow in my wagon tracks as I leave the walled cities and strike out for the wilderness ahead.

How did Twitter become the hate speech wing of the free speech party?

A look back at how Twitter evolved over time, with examples of seemingly-trivial changes altering the nature of the discourse.

Kevin finishes with a timely warning for those of us building alternatives:

In the indieweb world we are just starting to connect sites together with webmentions, and we need to consider this history as we do.

Digital Amnesia - YouTube

A documentary on our digital dark age. Remember this the next time someone trots out the tired old lie that “the internet never forgets.”

If we lose the past, we will live in an Orwellian world of the perpetual present, where anybody that controls what’s currently being put out there will be able to say what is true and what is not. This is a dreadful world. We don’t want to live in this world. —Brewster Kahle

It’s a terrible indictment of where our priorities were for the last 20 years that we depend essentially on children and maniacs to save our history of this sort. —Jason Scott

AurelioDeRosa/HTML5-API-demos

A collection of device APIs—which, despite the title, are all JavaScript, not HTML. Each API in the list has a link to its spec, an explanatory article, a demo, and the current level of support.

How to secure your site in an afternoon - Josh Emerson

Josh walks through the process he took to enabling SSL on his site (with particular attention to securing assets on CloudFront).

Improving accessibility on GOV.UK search | Technology at GDS

Alice Bartlett shares her experience of getting aria-live regions to work in a meaningful way.

The Internet of Things Will Ruin Birthdays — The Message — Medium

A peak at a near-future mundane dystopia from Joanne McNeil that reminds me of Brian’s spime story

Web Archeology - daverupert.com

A bit of web history reacted by Paravel: the Microsoft homepage from 1994. View source to see some ooooold-school markup.

Ah, memories!

The right to flight: why I’m flying a balloon over London this summer

Watch the skies: James Bridle’s balloon will be hovering above London distributing wifi.

Navigating the Guardian | Help | The Guardian

A peek behind the scenes of an interesting new navigation pattern on the Guardian’s still-in-beta responsive site.

You can try it out here

Web 2024 | Robin Berjon

Here’s a dystopian vision of the web in ten years time, where professional developers are the only people able to publish on the web.

This is why it worries me when I come across very smart people who don’t seem to see a problem with the creation of web pages being taken out of the reach of any human being with an internet connection and a smattering of declarative languages—HTML, CSS—and into the hands of an elite minority of JavaScript programmers.

Practical ARIA Examples

Heydon Pickering put together a great collection of accessible self-contained interface patterns that demonstrate smart use of ARIA.

Marginalia | Parallel Transport

A brilliant idea (and implementation) from Kartik. By combing webmentions and fragmentions, it’s possible to allow a kind of distributed marginalia: you post a comment on your site about a specific passage in a post on my site and a smattering of CSS and JavaScript can display it in the right context.

Guardian beta · The container model and blended content – a new approach to how we present content on the Guardian

This is what Oliver was talking about Responsive Day Out 2 — a new approach to information architecture.

Cast off your sidebars! You have nothing to lose but your grids!

shardcore » @bffbot1

Clingy.

She can only offer you unconditional algo-love.

Perhaps that’s the purest love of all.

How To Use Huffduffer (get audio from internet onto phone) - YouTube

Chase Reeves likes Huffduffer so much, he made a video about it.

Dystopia Tracker

Documenting depictions of dystopian futures and tracking which ideas are turning out to be predictions.

And They All Look Just the Same

Greg isn’t just lamenting a perceived “sameness” in web design here. He’s taking a long-zoom view and pointing out that there’s always a sameness …and you can choose to go along with it or you can choose to differentiate.

How America’s Leading Science Fiction Authors Are Shaping Your Future

Eileen Gunn writes in the Smithsonian magazine on the influence of science fiction.

Science fiction, at its best, engenders the sort of flexible thinking that not only inspires us, but compels us to consider the myriad potential consequences of our actions.

Bruce Lawson’s personal site  : Notes on accessibility of Web Components

Bruce’s thoughts on ensuring accessibility in Web Components. He thinks that the vocabulary of ARIA is up to the job, so that’s good enough for me.

Our Comrade The Electron

This is a wonderful piece by Maciej—a magnificent historical narrative that leads to a thunderous rant. Superb!

Mobile-first and IE8 Solution – Introducing grunt-legacssy (Updated) | Robin Plus

A handy way of automating the creation of old-IE stylesheets using Grunt. This follows on from Jake’s work in using preprocessors and conditional comments to send a different stylesheet to IE8 and below—one that doesn’t contain media queries. It’s a clever way of creating mobile-first responsive sites that still provide large-screen styles to older versions of IE.

4 Million Ravelers

A lovely bit of data celebration from Ravelry on the occasion of their 4 millionth user.

I’ve said it before and I’ll say it again: if you want to see a successful example of a real social networking site, don’t look at Facebook; look at Ravelry.

Jonathan T. Neal | Thoughts on Media Queries for Elements

Some good ideas on the idea of element-level media queries, a feature that developers are crying out for and browser makers are saying is too hard. This post has some thoughts on how to deal with the potential issues.

Notes on a responsive Guardian redesign – Lozworld™

A great write-up of the design process behind The Guardian’s responsive site. It’s really gratifying to see UX designers talking about performance.

Kyle Bean - Whistleblower

If you picked up the Guardian this weekend, you’ll have seen some brilliant work by Kyle on the cover (and inside) the magazine section.

Operation War Diary

A collaboration between Zooniverse and the Imperial War Museum. Now citizen scientists can become citizen historians by classifying diaries from World War One.

About Variables in CSS and Abstractions in Web Languages | CSS-Tricks

Chris has a written a response to my post (which was itself inspired by his excellent An Event Apart presentation) all about CSS, variables, and abstractions.

I love this kind of old-school blog-to-blog discussion.

Spimes: A Happy Birthday Story « optional.is/required

Expanding on an exercise from last year’s Hackfarm, Brian and Mike have written a deliciously dystopian near-future short story.

Brian Aldiss: ‘These days I don’t read any science fiction. I only read Tolstoy’ | Books | The Guardian

A profile of Brian Aldiss in The Guardian.

I still can’t quite believe I managed to get him for last year’s Brighton SF.

The lie of the API by Ruben Verborgh

I agree completely with the sentiment of this article (although the title is perhaps a bit overblown): you shouldn’t need a separate API—that’s what you’re existing URL structure should be.

I’m not entirely sure that content negotiation is the best way to go when it comes to serving up different representations: there’s a real value in being able to paste a URL into a browser window to get back a JSON or XML representation of a resource.

But this is spot-on about the ludicrous over-engineered complexity of most APIs. It’s ridiculous that I can enter a URL into a browser window to get an HTML representation of my latest tweets, but I have to sign up for an API key and jump through OAuth hoops, and agree to display the results in a specific way if I want to get a JSON representation of the same content. Ludicrous!

Steve & Steve: a graphic novel by Patrick Sean Farley

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

STET

From the lovely people behind Editorially comes STET:

A Writers’ Journal on Culture & Technology

BBC Click: 10 Sept 2013: Brighton Digital Festival on Huffduffer

A report from the BBC on this year’s Brighton Digital Festival including interviews with Honor, Timo, and Seb.

Immaterials, dConstruct and Culture Ships on Vimeo

Iain M.Banks and dConstruct, together at last.

Planetary: collecting and preserving code as a living object | Smithsonian Cooper-Hewitt, National Design Museum in New York

Aaron Straup-Cope and Seb Chan on the challenges of adding (and keeping) code to the Cooper-Hewitt collection:

The distinction between preservation and access is increasingly blurred. This is especially true for digital objects.

Hatnote Listen to Wikipedia

Wikipedia edits converted into Eno-esque sound.

When politicians get the internet wrong, the internet can be ruthless by Caroline Criado-Perez

Oh, dear. An otherwise perfectly well-reasoned article makes this claim:

But the internet is peculiarly adapted to deftly pricking pomposity. This is partly because nothing dies online, meaning your past indiscretions are never yesterday’s news, wrapped round the proverbial fish and chips.

Bollocks. Show me the data to back up this claim.

The insidious truism that “the internet never forgets” is extremely harmful. The true problem is the opposite: the internet forgets all the time.

Geocities, Pownce, Posterous, Vox, and thousands more sites are very much yesterday’s news, wrapped round the proverbial fish and chips.

A Timeline made with Timeglider, web-based timeline software

Improve your word power: here’s a timeline of terms used to describe male genitalia throughout history. And yes, there is a female equivalent.

Federated uncertainty

Stuart nails it: the real problem with delegating identity is not what some new app will do with your identity details, it’s what the identity provider—Twitter, Google, Facebook—will do with the knowledge that you’re now using some new app.

This is why I want to use my own website as my identity provider.

EIRE signs of WW II | GPS of the past

A fascinating project to document markings from 1939—designed to be visible from the air—placed all around the Irish coast.

Create a responsive ad unit - AdSense Help

Looks like Google are offering responsive (or at least adaptive) ad sizes.

Online communities

Caterina Fake takes a heartfelt look at the history of online communities:

The internet is full of strangers, generous strangers who want to help you for no reason at all. Strangers post poetry and discographies and advice and essays and photos and art and diatribes. None of them are known to you, in the old-fashioned sense. But they give the internet its life and meaning.

Media Query Events Example

A page to demonstrate the conditional CSS technique I documented a while back.

The Future Of The Web — A Draft – TNG - The Nitty Gritty

Six months ago, Bastian wrote this fantastic vision of decentralised social web. I want to start making this a reality at the next Indie Web Camp.

Nearby - Wikipedia, the free encyclopedia

I sense the hand of Tom Morris in this. Wikipedia has created a “nearby” page for browsers with geolocation, much like the Wikinear mashup that Simon created with Fire Eagle five years ago.

DRM and HTML5: it’s now or never for the Open Web

Dr Harry Halpin writing in the Guardian about the crucial crossroads that we have reached with the very real possibility of DRM mechanisms becoming encoded within HTML:

Most of us are simply happy to launch our browsers and surf the web without a second thought as to how the standards like HTML are created. These standards are in the hands of a fairly small set of standards bodies that have in general acted as responsible stewards for the last few years. The issue of DRM in HTML may be the turning point where all sorts of organisations and users are going to stop taking the open web for granted.

A Few Notes on the Culture by Iain M Banks

I’ve linked to this before, but with the death of Iain M Banks it’s worth re-reading this fascinating insight into The Culture, one of science fictions’s few realistic utopias.

The brief mention here of The Culture’s attitude to death is apt:

Philosophy, again; death is regarded as part of life, and nothing, including the universe, lasts forever. It is seen as bad manners to try and pretend that death is somehow not natural; instead death is seen as giving shape to life.

Iain M Banks’ Universe

Francis Spufford—author of the excellent Backroom Boffins—writes a cover story for the New Humanist magazine remembering Iain Banks with the middle initial M firmly to the fore: it was Iain M Banks—and his creation, The Culture—that took the seemingly passé genre of space opera to new heights.

The thing and the whole of the thing: on DRM in HTML

A great post by Stuart on the prospect of DRM-by-any-other-name in HTML.

The argument has been made that if the web doesn’t embrace this stuff, people won’t stop watching videos: they’ll just go somewhere other than the web to get them, and that is a correct argument. But what is the point in bringing people to the web to watch their videos, if in order to do so the web becomes platform-specific and unopen and balkanised?

Advancements in the accessibility of Facebook on Marco’s accessibility blog

It’s great to see the changes that Facebook’s four-person accessibility team have managed to push through.

Teenage Diaries Revisited

Fascinating fodder for Huffduffer:

Beginning in 1996, Radio Diaries gave tape recorders to teenagers around the country to create audio diaries about their lives. NPR’s All Things Considered aired intimate portraits of five of these teens: Amanda, Juan, Frankie, Josh and Melissa. They’re now in their 30s. Over this past year, the same group has been recording new stories about where life has led them for our series, Teenage Diaries Revisited.

Brewster’s trillions: Internet Archive strives to keep web history alive

A profile in The Guardian of the Internet Archive and my hero, Brewster Kahle (who also pops up in the comments).

Abandonedography

Armchair travelling to Ballardian locations.

Google Keep? It’ll probably be with us until March 2017 - on average

Charles Arthur analyses the data from Google’s woeful history of shutting down its services.

So if you want to know when Google Keep, opened for business on 21 March 2013, will probably shut - again, assuming Google decides it’s just not working - then, the mean suggests the answer is: 18 March 2017. That’s about long enough for you to cram lots of information that you might rely on into it; and also long enough for Google to discover that, well, people aren’t using it to the extent that it hoped.

On Silos vs an Open Social Web by Tantek

Tantek steps back and offers some practical approaches to reclaiming a more open web from the increasingly tight clutches of the big dominant roach motels.

Notice that he wrote this on his own domain, not on Branch, Medium, Google+, Facebook, or any other black hole.

Learn CSS layout

A handy step-by-step guide to all the ways you can use CSS for layout.

Anatomy of a responsive page load

The slides from Andy’s excellent pragmatic talk on performance and aggressive enhancement at the Responsive Day Out.

Izilla Open Device Lab, Newcastle, NSW - Open for Testing!

I believe this may be Australia’s first open device lab. I hope it’s the first of many.

Designing with context : Cennydd Bowles

A great meaty piece from Cennydd, diving deep into the tricky question of context.

Ensia

A lovely new responsive(ish) website dedicated to science and the environment.

Editorially: Write Better

A collaborative writing tool built by a dream team. I’ve been using it for a while now and it’s very nice indeed.

Stratocam

Communal satellite eyes. A Mac screensaver is also available.

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.

Front-end performance for web designers and front-end developers by Harry Roberts

A really good introduction to front-end performance techniques. Most of this was already on my radar, but I still picked up a handy tip or two (particularly about DNS prefetching).

At this stage it should go without saying that you should be keeping up with this kind of thing: performance is really, really, really important.

Interstellar Hard Drive - The Morning News

Investigating the options for off-world backups.

Data is only as safe as the planet it sits on. It only takes one rock, not too big, not moving that fast, to hit the Earth at a certain angle and: WHAM! Most living species are done for.

How the hell is your Twitter archive supposed to survive that?

Fragmented world: what two years of traffic data teaches you about mobile | Info | guardian.co.uk

A great breakdown of mobile traffic to The Guardian website over time.

Base CSS | Pasteup | Guardian News

The Guardian’s front-end patterns library. The modules section contains their equivalent of a pattern primer. Very nice!

Responsive IA: IA in the touchscreen era - Martin Belam at EuroIA

A really terrific piece about wireframing for responsive designs. Again, it’s all about the prototypes.

Why Instagram Works — Rainypixels

It’s all about the signalling.

Accessibility – what is it good for? | Marco’s accessibility blog

A worrying look at how modern web developers approach accessibility. In short, they don’t.

Easy Fixes to Common Accessibility Problems | Yahoo! Accessibility Library

The low-hanging fruit of accessibility fixes; it’s worth bearing these in mind.

Guardian Truncation Team

Celebrating the work of the tireless men and women who shorten headlines so they’ll fit on your iPhone.

The Guardian

Remember when I linked to the Github repository of The Guardian’s front-end team? Well, now—if you’ll pardon the mixing of metaphors—you can start to kick the tyres of the fruits of their labour. This beta site shows where their experiments with responsive design might lead.

Connections

This is quite an astounding piece of writing. Robert Lucky imagines the internet of things mashed up with online social networking …but this was published in 1999!

IE10 Snap Mode and Responsive Design - TimKadlec.com

Useful advice from Tim on preparing your responsive site for IE10’s new “snap mode”. Don’t worry: it doesn’t involve adding any proprietary crap …quite the opposite, in fact.

I taste words. | Chloe Weil

Chloe uses interactive text in an attempt to explain what lexical-gustatory synesthesia is like.

Social Login Buttons Aren’t Worth It | MailChimp Email Marketing Blog

A great in-depth explanation by Aarron on why Mailchimp dropped their Facebook and Twitter log-in options. Partly it was the NASCAR problem, but the data (provided by user testing with Silverback) also brought up some interesting issues.

Brian Eno & Peter Chilvers at The Apple Store, Regent Street

Well, this is quite something. Matt will be interviewing the creators of Bloom in London this Friday. You might have heard of that Eno chap.

beta.guardian.co.uk

Those clever chaps at The Guardian are experimenting with some mobile-first responsive design. Here’s how it’s going so far.

The code is on Github.

Complex Navigation Patterns for Responsive Design | Brad Frost Web

Another great in-depth round-up from Brad, this time looking at your options for complex navigation patterns in responsive designs.

Digital Scarcity | Tuhin Kumar

This starts out a bit hand-wavy with analogue nostalgia, but it wraps up with some genuinely good ideas for social software.

Советские плакаты по гражданской обороне

This cold-war era soviet manual for post-nuclear life is as fascinating as it is horrifying.

The fetishization of the offline, and a new definition of real

A good recap of the recent online/offline/does-it-really-matter discussion …although it does lend a bit too much credence to the pronouncements of that king of trolls, Nicholas Carr.

Derek Powazek - What If Social Networks Just Aren’t Profitable?

I think Derek is on to something here. Maybe online communities and profit are simply incompatible?

The bigger you go, the harder the road. Meanwhile, small, focused, and yes, exclusionary community sites flourish.

You know what? I don’t think that’s a bad thing at all.

We’ll tell you what you really want: Mobile context, top tasks, and organization-centric thinking | Sara Wachter-Boettcher, Content Strategist

An excellent follow-up to the recent posts on the myth of mobile context.

You often hear about cutting content to cut clutter. I support this—if you’re cutting the clutter from everywhere, not just a mobile experience.

Maybe the answer isn’t cutting. Maybe it’s learning better skills for designing and structuring complex information to be usable and enjoyable in small spaces.

blogging: Beautiful people

It’s worth remembering sometimes just how amazing Twitter can be.

People who don’t know us wanted to send their friendship to a 15 year old learning-disabled girl who was sad. For no reason other than their own humanity. This is a beautiful thing.

Authentic Jobs ~ Ethiopia

Cameron’s travelling to Ethopia to help with Charity Water, thanks to the generosity of the users of Authentic Jobs.

Mick O’Pedia: Bejaysis, ye can look up all kinds o’ shite now

Sure, this is a bleedin’ one-to-one copy of feckin’ Wikipedia. Give it an aul’ spin.

Build a smart mobile navigation without hacks | Tutorial | .net magazine

A really great markup and CSS pattern for “content first, navigation second” from Aaron.

IE-friendly mobile-first CSS with Sass 3.2

Jake demonstrates his technique for preprocessor-generated stylesheets for older versions of Internet Explorer (while other browsers get the same styles within media queries).

Issue #408: Generate a separate css with flattened media queries

This is an excellent idea from Jake: use a preprocessor to automatically spit out a stylesheet for older versions of IE that includes desktop styles (garnered from the declarations within media queries).

If you’re a dab hand with Ruby and you’d like to see this in SASS, you can help.

Monday 31 May 1669 (Pepys’ Diary)

Nine years and five months after he began publishing every entry in Samuel Pepys’ diary, Phil Gyford posts the last entry.

Pictures and vision

Robin Sloan compares Facebook and Google in an interesting way:

Really, Facebook is the world’s largest photo sharing site—that also happens to be a social network and a login system.

Google is getting good, really good, at building things that see the world around them and actually understand what they’re seeing.

Sweep the Sleaze | Information Architects

Some sensible advice from Oliver Reichenstein. Cluttering your social media icons isn’t helping and may actively be hindering your audience.

Every Mobile Social App Site, Ever · Visual Idiot

This is kinda funny (because it’s kinda true).

How Yahoo Killed Flickr and Lost the Internet

A heartbreaking article about just how badly Yahoo fucked up with Flickr. It’s particularly sad coming out right as the Flickr devs roll out an improved uploader and a more liquid photo page …but it seems like band-aid development at this point.

Springload: OnMediaQuery - Responsive Javascript

This is nice: the solution I blogged about for conditional CSS (reading media queries from JavaScript) all wrapped up in a nice small reusable bundle.

Avería – The Average Font

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

Internet! - Imgur

The Old Aesthetic.

Official Google Webmaster Central Blog: Responsive design – harnessing the power of media queries

Advice on creating responsive designs from Google. It’s not exactly the best tutorial out there (confusing breakpoints with device widths) but it’s great to see the big guns getting involved.

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.

Deciding what Responsive Breakpoints to use | Tangled in Design

Another call for design-based (rather than device-based) breakpoints in responsive sites.

Creating a Mobile-First Responsive Web Design - HTML5 Rocks

A great step-by-step tutorial from Brad on developing a responsive site with a Content First mindset.

Breakpoint Checking in Javascript with CSS User Values | Sparkbox

A smart response to the little conundrum I posted on my blog yesterday about detecting media-query quarantined CSS properties from JavaScript.

Sex differences in intimate relationships : Scientific Reports : Nature Publishing Group

Albert-László Barabási and Robin Dunbar are among the authors of this paper — it’s the scale-free network equivalent of the Avengers.

The Jig Is Up: Time to Get Past Facebook and Invent a New Future - Alexis Madrigal - Technology - The Atlantic

An excellent longish-zoom article by Alexis Madrigal with an eerily accurate summation of the current state of the web. Although I think that a lack of any fundamentally new paradigms could be seen as a sign of stabilisation as much as stagnation.

Pentametron: With algorithms subtle and discrete / I seek iambic writings to retweet.

Algorithmically-generated combinations of tweets in iambic pentameter. Some of the results are really quite lovely. I’m imagining a poetry reading of this stuff in a hip café …it would be fun.

Media Query & Asset Downloading Results | TimKadlec.com

Tim has published the results of a whole bunch of testing he did on how different browsers deal with hidden or replaced images.

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.

Tom Morris - Oppression, identity and sexuality

Anger is an energy, especially when it’s coming from Tom …and for once, it’s not about the Semantic Web.

Seriously though, this is a great piece of writing. This is what blogs are for.

Marginalized

Notes in manuscripts and colophons made by medieval scribes and copyists …in 140 characters or fewer.

Script Junkie | Flexibility: A Foundation for Responsive Design

Emily walks us through a responsive design case study, stressing the importance using percentages for layout.

Jordan Moore | Web Design, Northern Ireland, Bangor, Freelance

A sweet little meditation on the nature of the web and responsive design.

Thinking About Futurism | Science & Nature | Smithsonian Magazine

A collection of articles on the tricksy art of Futurism from—amongst others—Bruce Sterling, Annalee Newitz, and Matt Novak, creator of the Paleofuture blog.

Abstract Sequential - Print Styles Are Responsive Design

An excellent piece by Stephanie on how to approach print stylesheets. I’ve always maintained that Print First can be as valid as Mobile First in getting you to focus on what content really matters.

Thieves Are Your Best Customers in Waiting – Stuntbox

A great article from David with some concrete proposals for media companies.

By the way, how nice is David’s new responsive design? Very nice. Very nice indeed.

Scaling with EM units

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

Forget Your Past – Timothy Allen | Photography | Film

A trip to Buzludzha in Bulgaria, a derelict monument to an abandoned ideology.

How I’m implementing Responsive Web Design – JeffCroft.com

Jeff documents some of the techniques he’s using to tackle responsive design, with some tips specifically for SASS.

Wilson Miner

Wilson has turned his site into a single-serving page that’s doing some interesting things with media queries (using height as well as width).

A Responsive Design Approach for Navigation, Part 1 | Filament Group, Inc., Boston, MA

A detailed overview by Filament Group on progressively enhancing navigation for responsive sites.

JoshEmerson.co.uk · Blog · The Responsive Process

Josh goes through the talking points from the recent Responsive Summit he attended. Sounds like it was a great get-together.

Responsive Design: Why You’re Doing It Wrong | Design Shack

A rallying cry for a content-focused—rather than device-focused—approach to responsive design. Despite the awful title and occasionally adversarial tone, this article is making a very good point about being future friendly.

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

Choosing device sizes to support for your responsive designs | Matt Wilcox .net

Another plea for content-out rather than canvas-in design.

The Restart Page - Free unlimited rebooting experience from vintage operating systems

Wallow in nerd nostalgia and experience the Proustian rush of rebooting old operating systems.

Learn You a Flexbox for Great Good! | The Haystack.

Stephen gives an excellent run-down of flexbox and how you can use it today.

My first Instagram Christmas, a nervous step away from Flickr « Rev Dan Catt’s Blog

I had exactly the same resistance to Instagram as Dan and I had exactly the same Yuletide conversion.

«Once Upon» by Olia Lialina & Dragan Espenschied

What would Google+, YouTube and Facebook have looked like in 1997?

College Misery: Henchminion Sends In the Tale of “The Magna Carta Essay!”

A trojan horse for plagiarised college papers, much like the fakery on maps (“Lie Close”, “Arlington”) and in dictionaries; traps to be sprung on the hapless copy’n’paster.

Leaving Old Internet Explorer Behind — Joni Korpi

Joni points out a great advantage to the mobile-first approach if you choose not to polyfill for legacy versions of IE: you can go crazy with all sorts of CSS3 goodies in the stylesheet you pull in with media queries.

Confusion over HTML5 & WAI-ARIA | Karl Groves

This helps to clarify the difference between native semantics and ARIA additions.

The Star Wars Holiday Special | magazine | Vanity Fair

Add this one to your Instapaper/Readability queue: the behind-the-scenes story of the train wreck that was the 1978 Star Wars Holiday Special.

An open letter to Arran Ross-Paterson : Cennydd Bowles

Cennydd is a gent, slow to anger. So it took a lot to get him wound up enough to write about this issue. I’m glad he did.

Rhizome | She Was A Camera

Remembering the camgirl community.

Athena - MediaWiki

Documentation of an ongoing project to create a mobile-first responsive MediaWiki theme.

“Mobile first” CSS and getting Sass to help with legacy IE – Nicolas Gallagher

If you use Sass, this could be a really handy technique for handling IE<9 support with mobile-first responsive designs.

The Social Graph is Neither (Pinboard Blog)

This post from Maciej might initially seem negative but read it through to the end: there’s a very powerful positive message.

“You Just Don’t Get It, Do You?” - A Montage of Cinema’s Worst Writing Cliche on Vimeo

This whole “supercut” thing …you still don’t get it, do you?

BlackBerry Future Visions 2 - Leaked Video - YouTube

Possibly the least imaginative concept video ever made, this piece commissioned by Blackberry shows a dystopian near-future ruled by security departments run by people with very, very tired arms.

#816: Revert mobile-first media queries and remove respond.js - Issues - h5bp/html5-boilerplate - GitHub

This thread on whether HTML5 Boilerplate should include Respond.js by default (and whether the CSS should take a small-screen first approach) nicely summarises the current landscape for web devs: chaotic, confusing …and very, very exciting.

zomigi.com » Essential considerations for crafting quality media queries

A wonderfully in-depth article from Zoe on all the practical aspects of using media queries for layout.

The Ruins of Dead Social Networks - Alexis Madrigal - Technology - The Atlantic

Reminiscences of the BBSs of yesteryear that could in time be applied to the social networking sites of today.

Responsive images without Javascript - Notebook

This isn’t recommended as a robust means of delivering responsive images, but it’s still quite clever: using media queries to pass information to the server about the viewport size.

Mobile Web: Taiwan, Opera and WebOS

An eye-opening insight into web usage on mobile devices in Asia from Paul Rouget.

dConstruct and Responsive Design - Ubelly

A look under the hood of the dConstruct website (including some nth-child selectors I threw in there).

The Technium: Why the Impossible Happens More Often

A wonderful reminder by Kevin Kelly of the amazing interconnected world we live in, thanks to network effects.

Are Media Queries the answer to the Fold? « Boagworld

In a break with tradition, Paul posts something sensible and smart (I kid, I kid): using media queries to detect height rather than just width and adjust content accordingly to make sure that your most important content is visible in the viewport.

Meltmedia | An awesome interactive design and development agency in Tempe, Arizona

A truly lovely responsive design from Tiffany Duening and co.

Techniques For Gracefully Degrading Media Queries - Smashing Magazine

There are some inaccuracies and misrepresentations in here, but on the whole this is a pretty good round-up of your options when dealing with responsive design in older browsers.

Get a coffee, give a coffee - Jonathan’s Card

A lovely little social experiment: you can buy a Starbucks coffee with Jonathan Stark’s card; you can also top up the card. You can track the card balance on Twitter.

5 STEPS TO HTML5

A really nice little primer on getting started with HTML5.

Let the Web move you-CSS3 Animations and Transitions | Web Directions

John tells you everything you need to know about CSS animations and transitions, and then he gives you a tool to help you get started.

Ancient Lives | Help us to Transcribe Papyri

The Zooniverse boffins have done it again! This time you can help to transcribe ancient Egyptian texts. Brilliant!

Responsive Containers - Blog | Andy Hume

This is an excellent idea from Andy: selector queries. Like media queries but at the component level. Quite often it isn’t the width of the viewport that matters, it’s the width of the containing element for whatever you’re trying to style.

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.

Christopher Boffoli Photography

Homunculi in a landscape of food.

The Goldilocks Approach to Responsive Web Design

A nice little demo of the “content out” approach to responsive design.

Mobile Browser panel, fzijlstra on USTREAM. Conference

Here’s a video of the mobile browser panel I moderated at Mobilism in Amsterdam today. It gets fairly technical for a while but it was mostly a lot of fun.

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.

Design for the changing web: Our response :: Studio :: Headshift

Documenting the process of switching to a responsive design. I think there’s always insight to be gained from seeing how your peers are approaching these challenges.

css Zen Garden: All-In-One

This is cute: using media queries to display multiple CSS Zen Garden submissions without refreshing the page — just adjust your browser window.

David Emery Online: Response

David rejects a redesign in favour of a bit of responsive tweaking — and very nice it is too.

Developing the OAuth user experience at Twitter

Ben documents the improvements in Twitter’s OAuth flow. Maybe this will help to stop people blindly giving permission to dodgy third-party sites to update their Twitter stream.

danah boyd | apophenia » Tumblr disappeared me…

Yet another reason to host your own content instead of sharecropping; danah boyd wakes up one morning to find her Tumblr account has been moved to a different URL.

It’s the Little Things - “Mobile” versus “Small Screen”

  1. A “small screen” user is not necessarily a mobile user.
  2. A “small screen” device is not necessarily a mobile one.

See also: bandwidth.

The Science of Why We Don’t Believe Science | Mother Jones

A look at our inbuilt confirmation biases.

Experience Is What We Make It | UX Magazine

The Riegers are like emissaries from Planet Smart and we mere mortals are fortunate that they take the time to give us great articles like this.

The fall and rise of user experience : Cennydd Bowles on user experience

Cennydd’s closing remarks from this year’s IA Summit. Huzzah!

Media Query Test

Testing ways of only displaying background images on large screens whilst ensuring that they aren’t downloaded for smaller screens.

Do Lectures - Ideas that inspire action

The redesign of the Do Lectures site is gorgeous (and responsive).

This Place is Not a Place of Honor on Vimeo

A demo reel for the proposed solution to a very, very, very long term problem.

Everything I’ve learned about podcasting over the last four years | fortuitous

A very handy “how to” for recording your own podcast.

“When It’s Not Your Turn”: The Quintessentially Victorian Vision of Ogden’s “The Wire” « The Hooded Utilitarian

What if the Wire were a serialised Dickensian story? …which, let’s face it, it kinda is.

Brian Eno - The Big Here and the Long Now | DIGITALSOULS.COM | New Media Art | Philosophy | Culture

Brian Eno’s original essay on the origins of The Long Now Foundation. It is ten years old—a long time on the web and 1% of a millennium.

Humans are capable of a unique trick: creating realities by first imagining them, by experiencing them in their minds. When Martin Luther King said “I have a dream…” , he was inviting others to dream it with him. Once a dream becomes shared in that way, current reality gets measured against it and then modified towards it. As soon as we sense the possibility of a more desirable world, we begin behaving differently – as though that world is starting to come into existence, as though, in our minds at least, we’re already there. The dream becomes an invisible force which pulls us forward. By this process it starts to come true. The act of imagining something makes it real.

Ribot - interface innovation

Fellow Brightonians, the brothers Ribot and co., launch an excellently responsive company site.

Digitale data in gevaar! - Datanews.be

If you speak Flemish, you might enjoy this article based on a chat I had with a Belgium journalist.

If you don’t speak Flemish, well, just move along.

Wikipedia:List of articles with doomed BBC links - Wikipedia, the free encyclopedia

Read it and weep. Here are the articles on Wikipedia that reference URLs that are getting axed as part of the BBC’s upcoming cull.

[Citation Needed]

What a wonderful idea for a blog: “Collecting Wikipedia’s finest [citation needed] prose.”

Augmented (hyper)Reality: Domestic Robocop on Vimeo

One potential nightmare vision of the future …that looks kind of cool.

Link Rot « The Bygone Bureau

Brilliant; just brilliant. Connor O’Brien remains skeptical about the abstract permanence of “the cloud.” The observations are sharp and the tone is spot-on.

If your only photo album is Facebook, ask yourself: since when did a gratis web service ever demonstrate giving a flying fuck about holding onto the past?

A History of the World in 100 Seconds on Vimeo

A gorgeous visualisation of Wikipedia data from History Hack Day. Watch the shape of the world emerge over time.

Media Queries

A curated collection of responsive web designs.

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.

accessifyhtml5.js at master from yatil’s accessifyhtml5.js - GitHub

A great little jQuery script to automatically assign ARIA roles to HTML5 elements with the corresponding semantics.

The Web Is a Customer Service Medium (Ftrain.com)

An excellent piece of writing on the fundamental question of the web: Why Wasn’t I Consulted?

The Year in Pictures: Passages — USA TODAY

A really nice example of responsive web design from an unexpected source.

Wake Up, Geek Culture. Time to Die | Magazine

Wired Magazine break with tradition by publishing a halfway interesting article (though you’ll still need Readability or Instapaper to make the experience of reading it bearable).

YouTube - GET OUT OF THERE!

Acceptable variations include “Get the hell out of there!” and “Get him/her/them out of there!”

notes.husk.org. The Post-Delicious World.

Paul has some further thoughts on self-hosting bookmarks while trying to retain the social aspect.

Shanzai! (Wired UK)

Bobbie documents the work of Jan Chipchase, currently looking into the design decisions behind counterfeit goods on sale in Shanghai.

notes.husk.org. Sticking With Delicious.

Paul explains why he won’t be moving from Delicious: the social network is too valuable.

Wikileaks is not about secret information; it’s about insiders versus outsiders | technosociology

Much like the Umberto Eco piece I linked to recently, Zeynep Tufecki describes how Wikileaks exposed what so many in the media already knew.

The Personal Disquiet of Mark Boulton

A beautiful new responsive design from Mark.

Experimenting with responsive design in Iterations - (37signals)

37 Signals document their experiments with responsive web design. Looking good.

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.

Never finished, rarely simple - Preoccupations

An excellent overview of the evolution of the St. Paul's School website from David Smith, noting an increasing emphasis on mobile usage.

Yiibu - About this site...

A great explanation of the responsive enhancement of this site.

Linked Data at the Guardian | Open Platform | guardian.co.uk

A great write-up of the latest additions to the Guardian's Open Platform API including a lukewarm assessment of Semantic Web technologies like RDF.

With Good References — Unstoppable Robot Ninja

Ethan shares his thoughts on the role of the reference design in the responsive workflow.

Accessibility video tutorial - learn Accessibility // Think Vitamin Membership

Think Vitamin have been their accessibility material available for free.

Weak Ties, Twitter and Revolution | Wired Science | Wired.com

Responding to Malcolm Gladwell's recent piece in the New Yorker, Jonah Lehrer argues that the strength of weak ties *does* extend to social activism.

Welcome | sugru | Hack Things Better

A versatile material to help you fix things.

Twitter, Facebook, and social activism : The New Yorker

A well-argued piece by Malcolm Gladwell on the relative pros and cons of weak-tie networks and strong-tie hierarchies ...although, as always, Gladwell relies on anecdotes more than data to make his point.

This is a news website article about a scientific finding | Martin Robbins | Science | guardian.co.uk

A perfect parody lampooning the shallow and cowardly reporting of most so-called science stories by the press (I'm looking at you, BBC).

The Story Behind a Wikipedia Entry - NYTimes.com

James Bridle's dConstruct artefact is in the New York Times.

crap at my parents house

Giving nostalgia a good slap-down with a big ol' bucket of kitsch.

The Museum of Soviet Arcade Games

This description of a tour of the Museum of Soviet Arcade Games is like a travelogue from an alternative dimension.

Blade Runner: Hades Landscape | Douglas Trumbull - Immersive Media and Visual Effects

Douglas Trumbull reveals the secrets of the opening scene of Blade Runner.

Lanyrd | the social conference directory

The latest creation from Simon and Nat. It's surprisingly addictive and useful — play around with it for a bit and you'll see what I mean. Lovely stuff.

Journalism Warning Labels « Tom Scott

Excellent! Warning labels for bad journalism for you to print off and stick on.

The Jean-Paul Sartre Cookbook

"Tuna Casserole Ingredients: 1 large casserole dish Place the casserole dish in a cold oven. Place a chair facing the oven and sit in it forever. Think about how hungry you are. When night falls, do not turn on the light."

What The Fuck Is My Social Media Strategy?

Making it up so you don't have to — somewhat like my New Media Company Name generator from a few years back.

Medieval Multitasking: Did We Ever Focus? | Culture | Religion Dispatches

A fascinating look at hypertext in illuminated manuscripts.

Op-Ed Contributor - Mind Over Mass Media - NYTimes.com

An excellent rebuttal by Steven Pinker to Nicholas Carr's usual trolling.

The Web Means the End of Forgetting - NYTimes.com

This article needs a great big "citation needed" slapped on it. Yes, people need to think about what they post on the web, but no, that stuff will not stay around "forever." If anything, the web suffers from the opposite problem: memory loss.

Concerning FourSquare · Ben Ward

A great Fisking by Ben of (very silly, IMHO) morally panicked Guardian article on Foursquare.

_not my type

Cute wearable typography snobbery.

Bobbie Johnson dot org : The shipping news

A response to Tom's "Either you've shipped or you haven't."

Google - Москва-Владивосток: виртуальное путешествие на Картах Google

Well: this is an odd one: the entire duration of the trans-siberian railway on video and simultaneous map.

How to Access the Internet (A Guide from 2025)

An entertaining missive from the future.

Emily Toop » BuildBrighton needs your help

Live in Brighton? Like hardware hacking? Build Brighton needs your input.

Geonames Maps « optional.is/required

Brian documents his beautiful Geonames SVG maps.

"Nowhere in the Bible does Jesus have a sword fight."

A laugh-out-loud email exchange ...because if you didn't laugh, you'd cry.

HTML5Rocks - Home

A new HTML5 resource from Paul Irish and other Googlers.

OpenPlatform Content API Explorer

A handy interface onto The Guardian's new API.

Minimal Competence: Data Access, Data Ownership, and Sharecropping. - Laughing Meme

Kellan outlines the bare minimum you should expect from any service that you are putting data into.

Hyperbole and a Half: Things That Can Make You Feel Like an Idiot Almost Instantly

I'm going to have to start ticking things off this list.

HTML5, ARIA Roles, and Screen Readers in May 2010 — Research — Accessible Culture

Test results for screen readers navigating content that uses new HTML5 elements and ARIA roles.

WAI-ARIA Schemata

There is a doctype for HTML4 + ARIA but "This DTD is made available only as a bridging solution for applications requiring DTD validation but not using HTML 5."

Liminal Existence: Identity

Blaine outlines the vision for Webfinger.

An Archaeological Approach to SETI

The search for Dyson spheres.

Designing with Social Skills | Darren Hoyt Dot Com

An examination of websites behaving conversationally, including Huffduffer.

Daniel Davis - The HTML5 <ruby> element in words of one syllable or less

A nice explanation of the ruby element in HTML5: very handy for marking up phonetic pronunciation.

Bruce Lawson’s personal site : HTML5 details element, built-in and bolt-on accessibility

An excellent piece by Bruce on why the details element needs to be in HTML5.

Building Social Web Applications

The blog of the book by Gavin Bell.

A Practical Guide to Designing with Data

Excellent news: Brian is writing a book.

ride, rise, roar :: premiering in march at sxsw

Hillman Curtis's new film about David Byrne and Brian Eno will be premiering at Southby. Should be fun.

The Case For An Older Woman « OkTrends

A thoroughly well-researched and data-heavy blog post ...complete with interactive charts!

Techno-utopian fail - The National Newspaper

Don't be too proud of this technological terror you have created.

Web 2.0 Suicide Machine - Meet your Real Neighbours again! - Sign out forever!

A quick way of leaving Facebook, Twitter, Linked In and MySpace. It uses the password anti-pattern but after using this, I guess you won't be needing that password again.

Why you will regret using Vimeo. « Boagworld

This is the reason why we chose Vzaar for hosting the videos on the Reprieve website.

Immaterials - Talks - BERG

Matt Jones on sociality, data, radio and time.

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.

101 Things I Learned in Interaction Design School

A set of short, easily-digested lessons from the world of interaction design, inspired by "101 Things I Learned In Architecture School."

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.

Service Design Tools | Communication methods supporting design processes

A nice collection of design tools and methodologies.

Social Networks Aren't Good Businesses - washingtonpost.com

An interesting take on the business models of social networking sites.

Venn Diagrams as UI Tools « optional.is/required

A very in-depth article on visually representing Boolean logic in an interface. Stick with it; it's worth it.

Six Degrees of Wikipedia

Six degrees of separation as applied to Wikipedia articles. Read on to find the Kevin Bacon of Wikipedia pages.

Is Happiness Catching? - NYTimes.com

An examination of behavioural contagion in social networks.

Read Regular / Introduction

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

HTML 5–What I’m Watching at Wendy Chisholm

Wendy gives some commentary from her ringside seat at the theatre of HTML5.

Typedia: A Shared Encyclopedia of Typefaces

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

Code Poetry: Blake’s Jerusalem | actionscripter.co.uk

foreach (tyger in night.forests) { burn(bright); }

Walls Come Tumbling Down presentation slides and transcript | For A Beautiful Web

Andy's excellent presentation from An Event Apart in Boston and @media in London. Required reading/viewing.

html5doctor, helping you implement html5 today

Answering your questions about HTML5.

The Technium: Technophilia

Kevin Kelly on mankind's love/hate relationship with technology.

Styling buttons to look like links | Natalie Downe

An excellent tutorial from Nat explaining how to deal with those situations where you should be using a button but the design calls for it to look like a link.

bab-instr

Instruction manual to operate and maintain Charles Babbage's 2nd Difference Engine built by Barrie Holloway and Reg Crick, June 1991 for the Science Museum, London SW7 2DD.

Ficly - A better, shorter story

Ficlets is back ...as Ficly. Take that, AOL: this site is just too good to roll over and die.

suda.co.uk/projects/cc [Creative Commons Moo Stickers]

Get Creative Commons stickers at the click of a button thanks to Brian and the Moo API.

Identify: Google People With Two Keystrokes - ReadWriteWeb

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

Dave Gorman: When Twitter Gets Weird...

Dave Gorman understands Twitter. Many do not.

tweenbots | kacie kinzer

Tweenbots are human-dependent robots that navigate the city with the help of pedestrians they encounter. Rolling at a constant speed, in a straight line, Tweenbots have a destination displayed on a flag, and rely on people they meet to read this flag and to aim them in the right direction to reach their goal.

Portal Me

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

Ten years of the Guardian online - plotted in expletives

Trust Tom to use the Guardian's new API for the purpose of answering those pressing questions, like "is fuckknuckle *really* the new cockbadger?"

Kai Chan Vong - script snippets

Kai has written a handy little CSS diagnostic script to help you identify problems with your markup.

Wikirank

A Cederholm-designed site for tracking trends on Wikipedia. Check out the HTML5-based class names.

Derek Powazek - Now is a Great Time to Be a Media Maker

Derek weighs in with his view on the current state of publishing. I agree with his conclusion: "There has never been a better time to be making media. There are more tools to help than ever. There are more media consumers and media producers than ever. The world is more literate and media savvy than it’s ever been."

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 Media is Here to Stay... Now What?"

danah boyd addresses the Microsoft Research Tech Fest.

Data Store: Facts you can use |

The Guardian has released a shedload of data for us to play with. Go forth and hack.

Social Graph Explorer | Madgex Lab

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

as days pass by, by Stuart Langridge — A WAI-ARIA “stylesheet”

Stuart has an interesting take on ARAI attributes. Why can't they be set declaratively in an external file in the same way as we set styles?

A List Apart: Articles: Fluid Grids

Superb article by Ethan on calculating percentages for liquid layouts. Read it. Do it.

BBC Builders: Web developer Simon Cross on personalisation and the semantic web |

A lovely shout-out to Clearleft from the BBC: "Along with other awesome UK companies like ClearLeft, we hope the work we're doing influences more web companies to adopt more best practice, like following the principle of 'progressive enhancement'."

YouTube - Newsnight Goldacre Sigman BBC2 20090224

Behold the double awesomeness of Jeremy Paxman and Ben Goldacre! Susan Greenfield, alas, is simply embarrassing.

Wiki Paths

A greasemonkey-driven hypertext game: get from a starting Wikipedia page to your target solely by following links in the articles.

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."

Us Now - Home

A film project about the power of mass collaboration, government and the internet.

ZX81 BASIC Programming by Steven Vickers

The manual that came with the ZX81 has been lovingly converted to HTML. This was my first contact with programming (or computers, for that matter).

BBC - Radio Labs - How we make websites

Michael Smethurst runs through the process used in his bit of the BBC. It's all good.

SitePoint : The Bushfire Relief Sale

For three days you can buy 5 PDF books for the price of 1 from Sitepoint and your money will go to the victims of the bushfires.

Яolcats

In Soviet Russia, cat LOLs you.

SugarDash Pocket Log

A paper app—like a web app, but for the papernet—that provides a DIY portable log book for diabetics.

Why you should have a Web Site (and other Web 3.0 issues)

This presentation by Steven Pemberton increases in value over time.

A daily diary of Depression-era life, told on Twitter.: The Social Path

This is wonderful: a line-a-day diary from the 1930s turned into a Twitter account. It's like a microblogging version of Pepys's journal via RSS.

Official Google Blog: Introducing Measurement Lab

Vint Cerf announces M-Lab: an excellent resource which will allow people to find out if and how their internet access is being throttled. Viva l'internet!

Experiments in Data Portability - Screencast

Glenn has created a screencast of his superb Skillswap presentation, syncing up the audio with the slides.

English Russia » Abandoned Russian Polar Nuclear Lighthouses

"Now, there are signs “RADIOACTIVITY� written with big white letters on the approaching paths to the structure but they don’t stop the abandoned exotics lovers."

Flickr: The New Frontiersman's Photostream

Background material for Watchmen.

Using WAI ARIA Landmark Roles - The Paciello Group Blog

A guide to using ARIA roles from the mighty Steve Faulkner.

How your friends' friends can affect your mood - life - 30 December 2008 - New Scientist

The spread of happiness, obesity and smoking habits through social networks.

24 ways: A Christmas hCard From Me To You

A great 24 Ways article by Elliot on creating and styling hCards.

PHP Advent Calendar 2008

Like 24 Ways, this is an advent calendar for geeks. But this one is focused on PHP.

SNIF :: Welcome

Social networking for dogs through RFID. Spimy animals FTW!

BBC NEWS | Technology | Online time 'is good for teens'

Mimi Ito talks to the BBC about the findings of a report into teens geeking out online.

Microformats.org Wiki 2.0 · Microformats Wiki

Ben has been working hard to upgrade the microformats wiki. His hard work has paid off: it looks great!

northtemple - JavaScript and screen readers

An in-depth look at the intersection of JavaScript and screen readers, concentrating on events in particular.

Yahoo! Application Platform - YDN

This sounds like Yahoo's answer to Facebook Platform for single web pages or (spit!) widgets. We'll see if the reality matches the hype. "The Yahoo! Application Platform allows you to build and launch open-social applications to the largest daily …

soxiam portfolio - a set on Flickr

A comprehensive set of sketches, diagrams and screenshots from Soxiam showing the evolution and iteration of interfaces on Vimeo and other sites.

sketch: vimeo clip page ideas

Nasty as they wanna be? Policing Flickr.com

A nice little report on community management at Flickr.

Networks - a set on Flickr

A collection of network diagrams and visualisations from the simple to the sublime.

Layers of abstraction

isolani - Javascript: @Media Ajax - Day one

Mike has published his notes from day one of @media Ajax in London.

suda.co.uk/projects/microformats [Moo Stickers]

Thanks to Brian and the Moo API, you can know print your own microformats stickers.

BrianOberkirch.com – Oh, You Wanted the Douchy Web?

Brian says what we're all thinking (or rather, what we would all be thinking if we actually wasted valuable brain cells thinking about TechC*nt).

YDN UK at dConstruct (Yahoo! Developer Network Blog)

A write-up of dConstruct 2008 from the YDN crew who so kindly co-sponsored the closing party.

‘Organizing Our Marvellous Neighbours’

Joe's new book will be ready soon. I expect nothing less than the finest wittertainment.

2081 - Everyone Will Finally Be Equal

The classic Kurt Vonnegut short story Harrison Bergeron has been turned into a film. I hope it doesn't suck.

Ma.gnolia.org

Magnolia's going Open Source. Soon you'll be able to host and run your own instance of the social bookmarking service.

CSS for lunch » Mastering the presentation layer of the web… at lunch time.

Here's a great project from Andrew Mager. He takes a little time out at lunch to post a small markup or CSS tip. Over time this builds up into a really valuable resource.

THE ORWELL PRIZE

In a similar treatment to the Pepys blog, the diary of George Orwell is being republished as a blog offset by 70 years.

Call for Review: Updated WAI-ARIA Specification from Shawn Henry on 2008-08-06 (w3c-wai-ig@w3.org from July to September 2008)

Shawn at the W3C wants feedback on the ARIA working draft, particularly "feedback on host language embedding, that is, how ARIA is implemented in HTML, XHTML, SVG, and other host languages." If you don't chime in now, don't bitch later.

Moving Dots Demo

There appears to be a form of synesthesia where people "hear" motion. Watch this video (repeatedly) to test your own sensory perception.

Introduction to WAI ARIA - Opera Developer Community

A good overview of ARIA from the mighty Gez Lemon. There seems to be quite a bit of overlap with some HTML5 ideas here.

Recipes, Food Photos & Discussion at Open Source Food

A seriously nice recipe sharing site. Everything is creative commons licensed and everything looks delicious.

New Statesman - Obscenity trial?

In the course of defending a porn site owner, a defense attorney has come up with an interesting way of trying to define "community standards" ...using Google search stats.

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.

Scripting Enabled

Christian is using the prize money he won at Mashed to put on an event in London in September devoted to "ethical hacking": creating mashups to make social networks more accessible.

How to... Solve the meaning of life | Mail Online

The inimitable Dr. Brian Cox gives us a peek into the state of play with the Large Hadron Collider. "Because of its size and ambition, the LHC could inspire an entire generation to rediscover the value of exploration in the way Apollo inspired me …

Business Technology : New Service Helps Tech Startups Choose Terrible Names

I had a very pleasant chat on the phone with Ben Worthen from the Wall Street Journal. He likes my social buzzword generator.

Twitter / MarsPhoenix: Are you ready to celebrate?...

In the future, all great scientific discoveries will be conveyed in 140 characters.

Social networks may be imaginary | The Register

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

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.

graphpaper.com - The Peculiar 20th Century

Prompted by my proposal for this year's Reboot, Christian Crumlish pointed me to this post by Christopher Fahey that echoes my assertion that the Twentieth Century might turn out to be just a blip on the cultural timeline.

The Telectroscope – 22 May-15 June 2008. London and New York.

I love the idea of this bit of real-world steampunk alternative history. From May 22nd to June 15th you will be able to use the telectroscope to look into a tunnel through the earth from London to New York.

Webmonkey: the Web Developers Resource

Hey, look what's back: Webmonkey! Ah, memories.

Dave Veloz's Mac Mini Mod, Monitor, & Keyboard | The Steampunk Workshop

I would kill to get hold of this Steampunk Mac mini, flat panel monitor and brass keyboard.

Driven By Boredom 3.0 » Archive » Nascent Sexuality Polaroid Study

Nostalgia and sexual awakening plotted on a Google Map is a voyeuristic thing.

Olinda (Schulze & Webb)

The Olinda has arrived. I love the physical API.

Facebook In Real Life is Today's BIG Thing - APR 30, 2008

This isn't just funny, it also encapsulates a lot of the ridiculousness of Facebook interactions.

Update on WebKit accessibility support (Re: WebKit release cycle and dep

The last piece is falling into place. IE8 has ARIA support, Mozilla has ARIA support ...and now WebKit is getting there. Excellent!

Designing for the Social Web: the Book - Bokardo

Joshua has just finished writing his book. Mazel tov! It's bound to be a good one.

Nina Katchadourian

The Sorted Books project: using book titles to create short narrative pieces.

OAuth support for Google Accounts and Contacts API - OAuth | Google Groups

As promised by Kevin Marks in the Q&A after my panel at South by Southwest, the Google Contacts API now supports OAuth. w00t!

Headshift :: Twitter scepticism: justified or not?

Lee is a Twitter sceptic. Shun the unbeliever, shhuuuunnnnn!

The Acorn Electron Haven - Usborne Publishing Section

Prompted by my post on adventure games, Relly sent me this link to a wonderfully archaic series of books from 1983.

GameCamp | Technology | guardian.co.uk

Aleks and Bobbie are putting on GameCamp in London on May 2nd. Should be fun.

App Engine, Facebook Platform, OpenSocial, and the Future of the Web - O'Reilly Radar

David Recordon shares his first impressions of Google App Engine.

The Escapist : The Myth of the Media Myth

A piercing article by Brenda Brathwaite examining people's attitudes towards gaming. Substitute "videogames" for "social networking sites" for equal slices of moral panic.

The Highly Extensible CSS Interface

Cameron has put all the materials from his four-part series together in one handy spot.

Spokeo? More like Spooky-o; bad practice taken to the extreme. at Aral Balkan

Aral points to what is possibly the most egregious password anti-pattern implementation yet: a new startup called Spokeo http://www.spokeo.com/public/join

Tony Haile - Own Your Identity

Tony Haile—erstwhile traveling companion to Ben Saunders—has started a new project called Chi.mp which already has Josh Porter and Brian Oberkirch on board. Here's the accompanying blog.

Licence to Roam » BarcampBrighton - Portable Information

Liveblogged notes from a discussion I participated in at BarCamp Brighton 2 about Social Network Portability.

4 Technologies for Portability in Social Networks: A Primer - ReadWriteWeb

A nice summary of the technologies presented at my SXSW panel.

Twitter / Greg: @stefsull - ok. for the res...

I've seen plenty of engagement announcements but I believe this may be the first ever proposal via Twitter. She said "yes".

XFN encoding, extraction, and visualizations - Opera Developer Community

Brian has written an excellent article that not only explains how to write XFN but also how to parse it.

A Few Notes on the Culture

A great 1994 newsgroup posting by Iain M Banks that gives us a peek behind the scenes of the Culture: fascinating and fun.

Google Code Blog: URLs are People, Too

This is great news! Brad Fitzpatrick and Kevin Marks have built a new Google API that will spider XFN links.

Waxy.org: Daily Log: The Times (UK) Spamming Social Media Sites

Andy Baio does a nice bit of investigative journalism in exposing the social network spammer hired by The Times. The internet treats crass marketing as damage and routes around it.

Vitamin Features » Stay on :target

Brian shows some clever uses of the little-known :target pseudo-class.

The Existential DiSo Interview on Vimeo

Chris interviews himself about portable social networks and distributed identity.

Easy as Pie Ajax Requests - Create compelling ajax in minutes with simple examples. | Notes from Phazm

This is a good straightforward hands-on explanation of Ajax: succinct and clear.

If all your friends jumped off of a bridge… at Ben Brown, Internet Rockstar

Ben Brown outlines the reasons why he left Facebook: "I think it is important to note that Facebook, though they claim to be a tool for staying connected, is actually a software tool designed *primarily* to deliver marketing messages to its audience."

CSS Gradient Text Effect

A neat new CSS effect. You don't see many of those these days.

Tweet what you eat!

Another nice barnacle app built on Twitter. Send direct messages to note what you've eaten... or tweeten.

Flight thru Instruments - a photoset on Flickr

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

Visualize Performance

It’s high time we moved to URL-based identifiers | FactoryCity

Chris says that URLs are people too: "You’ve got my URL, now, tell me, what else do you really need?"

Web design 2.0 - it’s all about the resource and its URL « Derivadow.com

A great article about designing for what Tom Coates calls a "web of data", emphasising the importance of making sure that a resource sits at one URL.

Music Recording Industry Will Be First Traditional Media Industry To Be Utterly Destroyed By Digital Technology - Publishing 2.0

The RIAA now says it is illegal for you to put that CD you bought onto your own computer. Asshats.

David Byrne's Survival Strategies for Emerging Artists — and Megastars

A brilliant summation by David Byrne of the possible business models available to musicians today.

Podcast: Welcome to Tech weekly from the Guardian | Technology | Guardian Unlimited

There's a new technology podcast available from The Guardian. It's hosted by Aleks and judging from the first episode, it's going to be very good indeed.

cityshrinker

Lots of tiltshift photos gathered together in one place.

The Hugh Grant Squid Test

A dictionary of all-sorts. An enpsychlo-blog. A compendium of ancient wisdom of modern usage. History, philosophy, and the world around you. A "Who's who?", a "How's when?" and "What on Earth is it?" A token nod in the direction of truth and a dip in the

IEBlog : Internet Explorer 8 and Acid2: A Milestone

Great news from Redmond: IE8 passes the Acid2 test.

Official Google Blog: Encouraging people to contribute knowledge

Google have a service called Knol on the way. It looks like it's going up against Wikipedia.

Tweets - Overheard.it

A "barnacle app" that pulls out all the overheard quotes from Twitter.

Preoccupations: Adactio hits St Paul's

David follows up on my talk at St Paul's with cornucopia of thoughts and links that's more in-depth than the talk itself.

Facebook's Misrepresentation of Beacon's Threat to Privacy: Tracking users who opt out or are not logged in. - CA Security Advisor Research Blog - CA

An excellent piece of research that shows how Facebook affiliates' cross-site scripting (Beacon) sends information back to the mothership regardless of whether the user has opted out.

Markup Map for hCard Microformat : Christopher Schmitt

A handy diagram showing the nesting of class names in an hCard. Useful for styling.

danwebb.net - @media Ajax

The slides from Dan's excellent presentation on metaprogramming JavaScript.

Extortr: online blackmail for the masses

What a great antisocial network: blackmail people with rich media. Upload photos or videos; demand a price from the victim; if they don't pay, the whole world sees the evidence.

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).

The Open Rights Group : Blog Archive » HMRC fiasco: Government “not interested” in expert warnings

The ORG turn a Newsnight interview into hypertext, thereby strengthening the message exponentially.

QuirksBlog: @media Ajax

PPK delivers his report on the excellent @media Ajax conference.

Portable Social Networks: Take Your Friends with You [Content]

Brian's article on portable social networks is a clear and concise introduction to the subject with explanations of the technologies involved.

@media 2008 | The Best Practice Web Design Conference

It's back... the conference spanning conference from HTML Dog will be returning in Summer 2008.

DataPortability.org - Share and remix data using open standards

A new site to track the building blocks of portable social networks: OpenID, OAuth, hCard, XFN and more.

MD005 - Spotlight on Dopplr

Brilliant infomercial for everyone's favourite social serendipitous coincidental networking site.

Tantek's Thoughts — 2007 April: Vlogging lesson 1 - from Canon SD400 AVI to vlogpost

I keep meaning to post more videos to my blog and seeing as Tantek has the camera as I do, I'm making a note of what he does.

Foamee

Here's Dan's latest project (and of course it looks gorgeous). I've been testing it for a while before the official launch and it's really sweet. Best of all, there is no sign up. All the interaction happens through Twitter. Clever.

The Global Sympathetic Audience - New York Times

An article about Twitter focusing on one threatened suicide and one averted break-up. Leisa and her excellent phrase "ambient intimacy" are quoted.

Third time’s a charm « Davidville

Tumblr has just added a shedload of new features.

"Terrorist Buster" Logo — Central Intelligence Agency

No, this is not a joke. This really is the DCI Counterterrorist Center "Terrorist Buster" logo. Un. Be. Lievable.

Main Page - AskWiki

A natural language interface onto Wikipedia. More of this kind of thing, please.

Web2Summit: Opening Up the Social Graph

David Recordon announces a new developer tool for tracking status changes on social networking sites.

Cadbury Dairy Milk - Glass and a Half Full Productions Video transcript

Remember the video of that Cadbury's ad I linked to a while back? It turns out that there's a transcript of the video on the website.

Preoccupations: Life, the web all a tangle

David Smith has written a brilliant overview of how the perception of the Web is converging towards Tim Berners-Lee original vision of a read/write environment.

Designing For Hackability » SlideShare

Brian Oberkirch's presentation from Webmaster Jam looks excellent.

Six Apart - News and Events: We Are Opening the Social Graph

Six Apart are getting ready to make portable social networks a reality. Watch this space for code.

Juicy Studio: WAI-ARIA in HTML

How to get ARIA working in HTML (no namespaces in HTML, remember). Once again, Gez is providing superb documentation in the area of JavaScript and accessibility.

Home :: WEBJAM

This Ning competitor has a lot of really nice UI touches. Also, the fact that you can play around a lot without signing up is a plus point.

Bugroff and do something useful!

Best. Social networking site. Ever.

Brian Suda breaking boxes at dConstruct 2007 on Vimeo

Continuing the tradition started at the Highland Fling. I love the way that Ribot wanders into shot like C3P0. Ribot robot.

YouTube - Anti-Piracy Ad from The IT Crowd

This is absolutely brilliant. I've often wondered what luckless ad agency was suckered into doing those ridiculous anti-piracy films so wonderfully lampooned here.

The Man in Blue > There are no social networks

Cameron's plea for social network transparency and portability is one of the most lucid and succinct yet.

Twitter Blocks

A lovely visual of contacts of your Twitter contacts, exploring those six degrees.

Open Social Graph @ Plaxo

Try Plaxo's identity consolidator for yourself. Give it a URL that includes rel="me".

Plaxo to ship online identity aggregator based on microformats | ScobleShow: Videoblog about geeks, technology, and developers

The guys at Plaxo have not only implemented social network portability, they're sharing the code.

GOOD 006 - Transparency - Weights and Measures

A really nice visual representation of just how isolated the Imperial system is.

Arsebook | Welcome to Arsebook!

Arsebook is an anti-social utility that connects you with the people YOU HATE.

Portable social networking // James Aylett's diary

James has some quick'n'dirty Python code for extracting relationship data from social networking sites.

Social Network Portability | Google Groups

A mailing list to discuss portable social networks.

Brad's Thoughts on the Social Graph

Another take on social network portability.

BBC NEWS | Technology | Pull down the walled gardens

The need for portable social networks hits the mainstream press: Professor Michael Geist writes an article for the BBC website.

adaptive path » blog » Charmr Project

Charmr is a design concept for diabetes management devices proposed by Adaptive Path following a process of research and iteration.

The Benefits of Facebook "Friends:" Social Capital and College Students' Use of Online Social Network Sites

"In addition to assessing bonding and bridging social capital, we explore a dimension of social capital that assesses one's ability to stay connected with members of a previously inhabited community, which we call maintained social capital."

UK Smoking Ban Leads to Rise in Texting

"The sharp increase has been attributed to smokers keeping themselves occupied as they're forced outdoors and away from their mates. Many are also turning to their phones as a distraction and a way to avoid temptation."

» Undercover NBC Dateline reporter bolts from DEFCON 2007 | George Ou | ZDNet.com

Pwn3d! "Undercover reporter Michelle Madigan (Associate Producer of NBC Dateline) got a little more than she bargained for when she tried to sneak in to DEFCON 2007 with hidden cameras to get someone to confess to a felony."

Web Designer Wall - Design Trends and Tutorials

A nice collection of CSS tutorials and design trends.

social-network-portability - Microformats

Tantek, Brian, Daniel and others got together in Ritual Roasters to discuss making portable social networks a reality. Here are the notes.

Top 10 dotcoms to watch | Technology | Guardian Unlimited

Bobbie draws up a list of UK startups to keep an eye on. Moo is here of course but so is Dopplr.

Microformats: More Meaning from Your Markup [HTML & XHTML Tutorials]

Great article from Brian ranging from introducing microformats right up to the current state of play.

the 200ok weblog: syndication needs to get social

Ben Buchanan on how most supposedly open Web 2.0 (sic) sites are really walled gardens lacking interoperability.

Portable Social Networks at Mashup Camp :: UltraNormal

Kevin Lawver has implemented portable social networks by mashing up OpenID and microformats in Rails. Read the presentation and download the code.

Hero PC Tackles Knife Man (from The Argus)

Here's the local paper's take on the happenings on my street that I blogged about.

Viewing American class divisions through Facebook and MySpace

Danah Boyd's essay is required reading for anyone with even a passing interest in social networks.

Dopplr Blog » Importing your social network from other sites

Portable social networks are no longer just theory: Dopplr makes it a reality.

When accessibility is not your problem (Joe Clark)

Notes from Joe's @smedias. Please read the whole thing before (mis)judging what he said.

Headshift :: What other conferences can learn from Reboot

If you're involved in organising a conference, there are some really valuable lessons to be gleaned from Lee's examination of Reboot.

Hackday London

Hackday has a backnetwork. Nice work, Glenn. This may prove to be very handy.

Color Oracle

A very handy little app that sits in your menu bar on OS X and can instantly show you how your screen would look if you were colour blind.

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.

Marc Fisher - Lawyer's Price For Missing Pants: $65 Million - washingtonpost.com

I read this article right after I had been browsing The Onion. I was halfway through before I remembered that I wasn't reading The Onion anymore.

disambiguity - » Yes, you should be using personas

Great post by Leisa on the real reasons for using personas (they might not be the reasons you think).

Official Website to Help Save William Morris Gallery & Vestry House Museum, Walthamstow, Waltham Forest, London

The William Morris gallery is going to be shut down unless we can do something about it. Let's do something about it.

Pearls Before Breakfast - washingtonpost.com

Joshua Bell goes busking in the Metro. This well-written article could have been disheartening but, as a former busker myself, I found it downright reassuring.

WikiHome - JotSpot Wiki (continuouspartialattention)

There's been a steady increase in talk around continuous partial attention (what with Twitter and all) so I here's the mother lode: Linda Stone waxing lyrical and expanding our vocabularies.

disambiguity - » Waterfall Bad, Washing Machine Good (IA Summit 07 Slides)

Leisa's slides from the IA Summit in Vegas. Looks like it was an excellent presentation, channelling the spirit of Kelly Goto and Jeff Veen.

Molt:n Core » Jeremy Keith killed JFK?

Apparently I look like Lee Harvey Oswald and Keanu Reeves. Whoa! Cameron Adams, on the other hand, looks like a bunch of girls (a bunch of hot girls, admittedly).

The microformats process

John Allsopp has created this flowchart of the research and development involved in the creation of a new microformat. It looks kind of like the workflow of any good iterative development.

Co-evolution of neocortex size, group size and language in humans

The Dunbar number gets bandied about a lot in conversations about social networks these days. Here's the original paper that shows the research behind the oft-misused term.

disambiguity - » Ambient Intimacy

An absolutely brilliant summation by Leisa Reichelt that nails Twitter's appeal: ambient intimacy.

FT.com / Home UK / UK - Brighton cluster at new media cutting edge

I'm living on the cutting edge, apparently. This article is more like a press release meets an annual report, completely missing out the real reasons why Brighton is a cool place to live and work.

Ning - Create your own Social Networks!

Ning has relaunched as a roll-your-own-social-network service. I guess that leaves Yahoo Pipes unchallenged in the roll-your-own-mashup field.

Gender diversity at web conferences (kottke.org)

Jason Kottke on the still-ludicrous imbalance at most tech conferences. This issue isn't going to go away. Conference organisers need to stop being part of the problem and become part of the solution.

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.

indexed

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

Cá Bhfuil Na Gaeilgeoirí? | The Guardian | Guardian Unlimited

Can you really get by in Ireland by just speaking Irish? Not in Dublin, it seems. I'd love to see the TV show that this article is based on.

YouTube - Star Wars

Star Wars and Lego: two great tastes that taste great together.

Liminal Existence: The Weather, by Twitter.

A nifty mashup in which Twitter bots update twice a day with weather updates. I am now friends with Brighton Weather. I feel so in touch with nature.

It's real time at the same time - Los Angeles Times

An LA Times article that "gets" Twitter.

Q&A: Jyri Engestrom of Jaiku

An interview with the creator of Jaiku.

Marc’s Voice » Blog Archive » Great to see others talking about decentralized social networking

Marc Canter's been saying it for years: social networks for humans don't scale and lock-in is a no-no. I need to investigate People Aggregator.

Pie Chart (JavaScript edition)

Dmitry built an incredibly cool JavaScript pie chart. It also integrates with Flickr using Ajax to do a Flickr version of googlefight. Great stuff!

matt | movie

What a great idea for a birthday celebration: a one-off screening of Raiders Of The Lost Ark at the Phoenix Cinema in East Finchley. The signing up process is powered by Event Wax.

Creating Passionate Users: The Asymptotic Twitter Curve

Kathy Sierra doesn't like Twitter. Join us, Kathy... be a lover, not a hater.

MOON RIVER: gentlemen's pocket globes

I want one of these for Christmas.

24 ways: 2006

It's baaa-aaaack!

www.steve.museum - Home

An experiment in social tagging of art museum collections

mixd. 445566.

Yahoo have created a Twitter alternative... but they don't state anywhere on this site that it's US-only.

Powerhouse Museum | Sydney Australia

Fantastic collection of user-tagged content at the Powerhouse Museum in Sydney.

decaffeinated archives :: Shuffled ligatures

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

Velvet Unravelled » Blog Archive » Portable social networks

Sarah mocks up an interface for importing contacts across social networks.

XFN: Services & Technologies

Identity consolidation with the XFN rel="me" value. RTFM on sharing information across social networks.

Mircoformats and portable social network

Glenn weighs in with his thoughts on portable social networks through microformats. Looks like the Backnetwork app might be the first to start doing this.

Ma.gnolia Blog: JSON, HTML, and Microformats. Oh, My!

Magnolia is providing microformat feeds: simple HTML documents marked up with xFolk, hReview or hAtom. It's basically a simple sort of API. Very nice.

The Dilbert Blog: Good News Day

Scott Adams lost the ability to speak but by hacking his brain through the use of rhyme, regained it again. Paging Dr. Sachs, paging Dr. Pinker.

MILK&TWO

The ultimate Web 2.0 social application: a bunch of people sign up to be in a tea group. People in the group issue requests for cups of tea. The app randomly picks someone to make 'em. Genius!

The Observer | OMM | 'Does music still matter? Yes ... and no!'

Nick Cave, Jarvis Cocker, and Beth Orton get together to dance about architecture.

UsedWigs Radio Podcast 18 « USEDWIGS RADIO

Podcast interview: Greg Hoy of Happy Cog Philadelphia.

oreilly.com -- Online Catalog: Using Microformats

Brian's PDF book on microformats is now available from O'Reilly for $9.99. Congratulations, Mr. Suda!

d.construct makes you 35% more friendly

Glenn has some interesting statistics from the d.Construct backnetwork.

Grab Your Fork

A Sydney-based food blog that includes an event calendar (sadly not hCalendar). I'm going to trawl through the archives.

Happy Cog Studios: Work: Dictionary.com

Happy Cog redesigns Dictionary.com and its siblings.

Skeptic: The Magazine: Featured Article

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

Card sorting pix

Flickr photo set, AIGA card sorting exercise.

Cork'd

From Dan Cederholm and Dan Benjamin: a lovely looking piece of social software all about wine. I've been trying it in pre-release and it's really, really nice. This is my kind of website.

Pub Standards

Where the worlds of web and booze collide, slap-bang in the middle of London. Arranging meet-ups, every now and then, where likeminded web peeps with sore livers can share these very special interests.

Bite Size Standards

John has been working behind the scenes on this for quite a while and now it's ready for launch. Lots of yummy standards-based goodness in bite-sized chunks.

Evening Standard Headline Crisis 2005 - a photoset on Flickr

All the hyperbole of Evening Standard headlines gathered together in one place. I have to say, Brighton's local rag, the Evening Argus, would have them beat for incomprehensibility and ridiculousness.

Evening Standard: AAARRRGGGHHH!

The Blog | Larisa Alexandrovna: MSM Plagiarism Strikes Again – AP Welcome to the Party | The Huffington Post

The Associated Press feels that blogs are good enough to steal from, but not good enough to credit.

Friendster lost steam. Is MySpace just a fad?

Danah Boyd writes an essay that would've been a blog post but it got too long.

Design View : Andy Rutledge - No Comments Here

Someone else who doesn't have comments enabled on his site explains his reasons.

Newsvine - Comments on community

In a very meta move, I've seeded Newsvine with my post about comments (and Newsvine) with an eye to soliciting comments.

popurls.com | popular urls to the latest web buzz

An aggregator of aggregators... and I'm posting a link to it on one of the aggregators.

Buzzword Bingo

This <a href="http://bingo.adactio.com/">looks familiar</a>. Great minds think alike. (For some reason, this page has 76 divs and 50 tables. Yikes!)

Flickr: The Tilt-shift miniature fakes Pool

Take a photograph of something big and blur the foreground and background, leaving a narrow strip in focus. The result looks like a macro shot of a model.

Banned Xbox 360 Ad

Fairly amusing and strangely unbanworthy.

events:sxsw2006 [Inside Avalonstar]

Going to South by Southwest? Add your name to the WiKi.

Jeremy Hermanns dot org » Alaska Flight #536 - Rapid De-Pressurization and Panic at 30K Feet

A blogger who was on a flight that lost cabin pressure blogs about it... with pictures.

Henry Rollins set for March 12 SxSW presentation

That should be fun. This not a music presentation - this one's for the geeks.

AIGA - Talking with Jason Santa Maria: An Event Apart, #04

Stan talks about the upcoming Event Apart in Philadelphia.

Ads of the World | Daily Creative Fix

An extensive collection of adverts that somehow don't seem as annoying when gathered together like this. You could spend hours here.

Guardian Unlimited | Special reports | Suspicious behaviour on the tube

A truly frightening description of what can happen to any person in Britain today.

An Event Apart News: Lightning Strikes

Eric and Jeffrey are going to the city of brotherly love.

U2's City of Blinding Lights

William Gibson gives a first-hand account of U2's redristribution of the future.

Smithsonian Global Sound

A fantastic online music store from the Smithsonian. You can download MP3s and liner notes.

Bomb blasts plunge London into chaos from Guardian Unlimited: Newsblog

The Guardian blog is keeping a running update on events in London.

7 July 2005 London bombings - Wikipedia, the free encyclopedia

A Wikipedia entry on today's bombings is proving to be a valuable resource.

No more beating about the Bush from Guardian Unlimited: Newsblog

Amazing news! George Bush says, "Let's get rid of all subsidies together. Let's join hands as wealthy industrialised nations and say to the world, we're going to get rid of all our subsidies together."

Mark Boulton | Information design | Journal | Five simple steps to designing grid systems - Preface

Mark is beginning a new five part series similar to his one on typography. If you haven't done so yet, subscribe to his RSS feed.

Archbishop hits out at web-based media 'nonsense' - Times Online

He described the atmosphere on the world wide web as a free-for-all that was “close to that of unpoliced conversation.” Um... I have to admit that I've never had a policed conversation, online or off.

Etiquette and the Singularity - Reboot 7

Slides from Ben Hammersley's talk at Reboot 7 in Copenhagen. I can't wait for the MP3.

The Helvetica Meditations

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

Ben Hammersley: Second Sight

In the Guardian: Yahoo is the new Google. Google is the new Yahoo.