Maciej’s talk from this year’s XOXO—excellent stuff!
Saturday, September 28th, 2013
Wednesday, September 25th, 2013
A great presentation from Brian Boyer on NPR’s mobile strategy. Spoiler: it’s responsive design.
Realistically, what happens when you detonate a large metallic satellite (about the the size of the second Death Star) in orbit around an inhabited world (like, say, the forest moon of Endor).
It isn’t pretty.
Brian writes up his experience working on the line-mode browser hack event at CERN.
Perma: Scoping and addressing the problem of “link rot” :: Future of the Internet – And how to stop it.
Lawrence Lessig and Jonathan Zittrain are uncovering disturbing data on link rot in Supreme Court documents: 50% of the the links cited no longer work.
The Hole in Our Collective Memory: How Copyright Made Mid-Century Books Vanish by Rebecca J. Rosen in The Atlantic
Copyright correlates significantly with the disappearance of works rather than with their availability.
From CERN to singularity - the digital pioneer and cofounder of the WWW on 20 years of webscapades.
Once you get past the cheesy intro music, there are some gems from Robert Cailliau in here.
The ghost of browsers past
We poked at the markup of the first ever website…
- What’s that
NEXTIDelement? Turns it out it’s something specific to the NeXT operating system.
- Why does the first iteration of HTML already contain
H6? It’s because they were lifted wholesale from a flavour of SGML—Standard Generalized Markup Language—that was already in use at CERN.
Then there was the story of the line-mode browser. It was created by Nicola Pellow, who was a student at CERN in 1990. She later worked on the Mac browser but her involvement with kickstarting the world wide web ended around 1993. She never showed up to any of the reunions.
We poked around in the (surprisingly short) source code of the line-mode browser. We found the lines that described how elements should be styled—the term “style sheet” appeared in a comment!
script tags in the
head of the document—gets rendered to the screen.
<!-- is functionally equivalent to
--> comment with a
I remember doing this when I first started making websites in the 90s. You can see it if you view source on the first version of this website.
Later on, we all switched to XHTML so we updated the syntax to make it valid XML.
type attribute of every
script element to
text/plain, effectively defusing them. Smart!
Tuesday, September 24th, 2013
Jason provides some instruction in using the correct quotation marks online.
A look beyond the edge of the plate. This presentation on digital preservation and long-term thinking was the opening keynote at the Beyond Tellerrand conference held in Dusseldorf in May 2013.
An epic tale of data recovery.
Of course Jason Scott was involved.
The literary operator
One of the great pleasures of putting on Brighton SF right before last year’s dConstruct was how it allowed me to mash up two of my favourite worlds: the web and science fiction (although I don’t believe they’re that far removed from one another). One day I’m interviewing Jeff Noon about his latest book; the next, I’m introducing Tom Armitage on stage at the Brighton Dome.
Those two have since been collaborating on a new project.
You may have seen Jeff’s microspores—a collection of tweet-sized texts, each one an individual seed for a sci-fi story. Here’s Spore #50:
After the Babel Towers attack, lo-fi operators worked the edges of the language, forging new phrases from the fragments of literature. They filled boxes with word shards in the hope of recreating lost stories.
Tom has taken that as the starting point for creating a machine called the literary operator
It’s quite beautiful. It fits inside a suitcase. It has an LED interface. It has a puck that nestles into the palm of your hand. It comes with a collection of books. You take the puck in your hand, pass it over the spine of one of the books, and wait for the LEDs to change. Then you will receive a snippet of reconstructed text, generated Markov-style from the book.
It is an object that is both entirely fictional, and entirely real. Not “design fiction”; just fiction.
You can use/play with the literary operator—and hear from Tom and Jeff—this Thursday evening, September 26th at the Brighton Museum as part of Digital Late. Sarah and Chris are also on the bill so don’t miss it: tickets are a fiver if you book ahead of time.
Monday, September 23rd, 2013
CERN and the line-mode browser
I remember when Mark took me aside to tell me about the project he was working on with CERN to restore the first ever website to its original URL. Needless to say, I was extremely pleased. After all, cool URIs don’t change.
Then, more recently, Mark told me about a follow-up project they were planning: to recreate the experience of using one of the first web browsers. He asked if I could help organise a hackday-style gathering to accomplish this. I jumped at the chance.
Together with Dan Noyes from the web team at CERN, we assembled a dozen people. Half of them were invited experts and half were chosen from applications. Because I was ostensibly involved in organising the event (although I didn’t really do much), I got a free pass.
Just to be clear, the line-mode browser wasn’t the world’s first web browser. That honour goes to Tim Berners-Lee’s WorldWideWeb programme. But whereas WorldWideWeb only ran on NeXT machines, the line-mode browser worked cross-platform and was, therefore, instrumental in demonstrating the power of the web as a universally-accessible medium.
Just being at CERN was amazing. It’s like double Disneyland for me: not only is it home to the greatest experiment conducted in the history of our species, it’s also the birthplace of the web itself. We all felt quite humbled to be there.
That feeling was amplified when we had a very special guest show up at the start of the event—Robert Cailliau, co-conspirator with Tim Berners-Lee in getting the web off the ground. He gave us a history lesson in the early days of the web; the ideas, the people, and the principles that drove it. At one point, he passed around his notarised copy of the document that put the web into the public domain twenty years ago. “Be careful with that,” he half-joked. “CERN don’t know where their copy is anymore.”
We had another guest from the early days of the web with us for the duration of our hacking: an IBM RS/6000 machine from the early nineties running the line-mode browser.
I drew on my experience from hack farm and Science Hack Day to get the ball rolling. I was acutely aware that some of us felt pretty unsure about what we could contribute, so I suggested splitting into two teams: one to work on building the line-mode browser simulator, and the other to work on telling the story of its history. That seemed to work out pretty well.
Remy and Brian L. did the really hard work, implementing a simulation of the line-mode browser in Node.js. Lea, Kimberly and John made sure the output looked and felt right. Meanwhile Brian S. had the crazy idea of trying to recreate the font from the IBM machine …by taking a photo of the screen and drawing the glyphs from the photo! Of course Mark jumped on that.
Craig headed up the story-telling side of things with Martin and Angela. My contribution consisted of writing some explanatory words and doing a bit of image optimisation. It would be easy to feel inadequate in the company of such talented developers, but as the hacking went on, it was clear that all those little contributions really add up.
- Install Node.js.
- Clone the github repo to your machine.
- Open up the Terminal, navigate to your cloned copy, and type:
- Open localhost:8000 in a browser.
You can read more about the project but I’m guessing what you’ll really want to do is fire up the line-mode browser. By default it loads a copy of the first ever web page, but you can also navigate other websites by changing this query string:
Or, if you’re running it locally:
You can also grab a bookmarklet from the resources page. Drag it to your bookmarks bar, pull up whatever page you want to view, and hit the bookmarklet to see it line-mode style.
All the little details—the font, the animation, the sound—add up to an experience that I find quite immersive. In some ways, it’s a silly little project, but it’s also trying to convey an important message. I really love the final result. I feel incredibly honoured to have been involved—in a small way—in its creation.
Oh, and we also got to go down into the heart of the Large Hadron Collider to see the LHCb experiment. That was, in the truest sense of the word, awesome.
Sunday, September 22nd, 2013
Have you tried turning it off and on again?
Thursday, September 19th, 2013
Some good advice on how to mothball (rather than destroy) a project when it reaches the end of its useful life. In short, build a switch so that, when the worst comes to the worst, you can output static files and walk away.
In all your excitement starting a new project, spend a little time thinking about the end.
I took a little time out of the hacking here at CERN to answer a few questions about the line-mode browser project.
A heartfelt response from Vitaly to .net magazine’s digital destruction.
The document that officially put the World Wide Web into the public domain on 30 April 1993. - CERN Document Server
Earlier today, thanks to Robert Cailliau, I held the only notarised copy of this document. That was quite a feeling.
This is what I’m working on today (where by “working on”, I mean “watching other far more talented people work on”).
Wednesday, September 18th, 2013
Speakers from this year’s UX Week conference provide career advice. I think my advice is clearly the best:
To be successful in today’s industry, UX professionals should have really killer paisley shirts. Some people will tell you that it’s more important to have good hair and straight teeth, but in my experience, a really good paisley shirt will really take you places.
I’ll even go so far as to say that the line-up both this year and last constituted the best I’ve ever seen at a conference.
Tuesday, September 17th, 2013
I had a lot of fun chatting with Jen on this week’s episode of The Web Ahead. Wind me up and let me loose; I ended up rambling on about blogging, the indie web movement, progressive enhancement, and just about everything in between.
Monday, September 16th, 2013
I had a nice chat with Michelle from Future Insights about the web and long-term thinking.
It’s sad to see MyOpenID shut down, but now I can simply use IndieAuth instead …which means my delegate URL is simply adactio.com: magic!
Sunday, September 15th, 2013
Let me explain what web mentions are all about…
Basically, it’s an equivalent to pingback. Let’s say I write something here on adactio.com. Suppose that prompts you to write something in response on your own site. A web mention is a way for you to let me know that your response exists.
If you look in the
head of any of my journal posts, you’ll see this
<link rel="webmention" href="http://adactio.com/webmention.php" />
That’s my web mention endpoint: http://adactio.com/webmention.php …it’s kind of like a webhook: a URL that’s intended to be hit by machines rather than people. So when you publish your response to my post, you ping that URL with a POST request that sends two parameters:
target: the URL of my post and
source: the URL of your response.
Ideally your own CMS or blogging system would take care of doing the pinging, but until that’s more widely implemented, I’m providing this form at the end of each of my posts:
Either way, once you ping my web mention endpoint—discoverable through that
link rel="webmention"—with those two parameters, I just need to confirm that your post does indeed contain a link to my post—by making a cURL request and parsing your source—and then I return a server response of 202 (Accepted).
Here’s the code for a minimum viable web mention in PHP.
That’s as far as I got at Indie Web Camp but it was enough for me to start collecting responses to posts.
The next step is to do something with the responses. After all, I’ve already got the source of each response from those cURL requests.
Barnaby has a written a nice straightforward microformats parser in PHP. I’m using that to check the cURLed source for any responses that have been marked up using h-entry. That’s one of the microformats 2 vocabularies—a much simpler way of writing structured content with microformats.
So there you have it. Comments are now open on every journal post on adactio.com …the only catch is that you have to write the comment on your own site. And if you want the content of your post to appear here (instead of just a link) then update your blog post template to include a handful of h-entry classes.
Feel free to use this post as a test. Mark up your blog with h-entry, write a post that links to this URL, and enter the URL of your post in the form below.
Saturday, September 14th, 2013
Michael Chabon muses on The Future, prompted by the Clock of the Long Now.
Friday, September 13th, 2013
I couldn’t keep up with the processing my brain was doing with the stuff it was seeing and hearing.
dConstruct represents everything that is great and wonderful about humans: our creativity, initiative, collaboration and ability to approach some challenges in slightly leftfield yet genius ways.
I heartily concur with Lyza’s mini-manifesto:
I think we need to try to do as little as possible when we build the future web …putting commonality first, approaching differentiation carefully.
It’s always surprised me how quickly developers will reach for complex, potentially over-engineered solutions, when—in my experience—that approach invariably creates more problems than it solves.
Simplicity is powerful.
Thursday, September 12th, 2013
A cogent definition and spirited defence of progressive enhancement:
Progressive Enhancement is an extension of our shared values on the web and goes to the root of the web. I believe—and hope you agree—that the web is for everybody and should be accessible regardless of the device a user brings to the party.
I bet you’re going to just keep clicking and clicking and clicking…
It was a crazy time in Brighton last week: Reasons To Be Creative followed by Improving Reality followed by dConstruct followed by Maker Faire and Indie Web Camp. After getting some hacking done, I had to duck out of Indie Web Camp before the demos so that I could hop on a plane to Germany for Smashing Conference—the geek party was relocating from Brighton to Freiburg.
I was there to deliver the closing keynote and I had planned to reprise a talk that I had already given once or twice. But then Vitaly opened up proceedings by declaring that the event should be full of stories …and not just stories of success either; stories of failure. Then Elliot opened the show by showing some of his embarrassing early Flash websites. I decided that, in the spirit of Vitaly’s entreaty, I would try something similar. After all, I didn’t have anything quite as embarrassing as Atomic Kitten or Hilary Duff e-cards in my closet.
So I threw away my slidedeck and went Keynote commando. My laptop was connected to the projector but I only used it to bring up a browser to show embarrassing old sites like the first version of adactio.com complete with frames, tables for layout, and gratuitous DHTML animation. But I spent most of the time just talking, telling the story of how I first started making websites back when I used to live in Freiburg, and describing the evolution of The Session—a long-term project that’s given me a lot of perspective on how we often approach our work from too short a timescale.
It was fun. It was nice to be able to ditch the safety net of slides and talk off-the-cuff to a group of fellow geeks in the intimate surroundings of Freiburg’s medieval merchant’s hall.
I finished by encouraging people to look out the window of the merchant’s hall across to the splendid cathedral. The Freiburger Münster is a beautiful, magnificent creation …just like the web. But it’s made of sandstone and so it requires constant upkeep …just like the web. The Münsterbauverein are responsible for repairing and maintaining the building. They can only ever work on small parts at a time, but the overall result—over many generations—is a monument that’s protected for the future.
I hope that when we work on the web, we are also contributing to a magnificent treasure for the future.
- Novia En Venus by The Satellite
- Melting Sky by Kaminishi
- Safe and Sound (Loon Calls) by Daughters and Orchids
- Fabula by Ghost Orchid
- …I No Longer Know What I Say by ANOA
- A-5 by Elipsys
- Sorrow by Salter Cane
Yes, that last one is from my band—a little bit of audio nepotism.
There are only a select, in my opinion, beautifully crafted conferences and dConstruct is definitely one of them.
A report from the BBC on this year’s Brighton Digital Festival including interviews with Honor, Timo, and Seb.
Some lovely pictures from the Clearleft office-warming party last weekend.
Wednesday, September 11th, 2013
Another round-up of this year’s dConstruct.
Another great write-up of this year’s dConstruct.
Inspired by dConstruct, Ellen is going to start exploring the world of smart objects.
A comprehensive run-through of this year’s dConstruct.
Tuesday, September 10th, 2013
A quick-fire burst of dConstruct moments from Simone.
Iain M.Banks and dConstruct, together at last.
Matt looks at this year’s dConstruct through the lens of GDS.
Monday, September 9th, 2013
A really lovely write-up of this year’s dConstruct.
I don’t think a single line of code was shown all day, and yet whilst sipping my MailChimp-sponsored red wine out of a plastic cup at the after-party I pondered the day, and the fact that dConstruct was very likely my favourite conference of the year.
A timeline of technology.
Honor’s piece for The Guardian on this year’s dConstruct.
A smart and thoughtful write-up of dConstruct from Lee, pulling together three emergent themes:
- how we interact with machines and each other,
- how we co-evolve with machines, and
- making the invisible visible.
A great, thought-provoking day that proved, once again, that there are many brilliant, generous minds working in or around the future of technology and human experience today.
Sunday, September 8th, 2013
dConstruct 2013 …wow! I could try to describe it but you kind of had to be there.
At the after-party—which was held right there in the Brighton Dome; a new twist which worked out great—I kept hearing people enthuse that it was the best dConstruct yet (although dConstruct 2012 was pretty bloody amazing). People congratulated and thanked me, which made me feel like a bit of a fraud because, frankly, I was very selfish in my curation: I got the speakers I wanted to see, talking about the topics that I wanted to hear.
I’ll admit that it was very gratifying to find out that trusting my gut worked. Let’s face it, it wasn’t exactly a safe or typical line-up for a tech conference. I’m feeling vindicated (and very relieved) that the risks paid off. And how!
Every single speaker was amazing. Seriously, I’m trying to think of how I can thank each of them, but I keep coming up short. Words alone can’t express how grateful I am to all of them. Each of them put in so, so much effort …I was truly gobsmacked.
The cumulative effect was astounding. There were emergent themes and strands that were woven throughout the day, resulting in the perfect balance. The two over-riding feelings were fear and fun. The audience were, by turns, terrified and entertained.
The topic of “Communicating With Machines” resonated wonderfully with other Brighton Digital Festival events too: dConstruct, Improving Reality, and Immaterials felt like they were all tackling the tricky task of making the invisible visible—networks, power structures, technologies—but the dConstruct speakers did it with bucketloads of entertainment value thrown in. I can’t remember the last time I laughed so much at an all-day event.
Mind you, it didn’t feel like a long day. The time just flew by! I thought it was just me but then lots of other people said the same thing at the after-party. That’s quite something when nine talks just whizz by without a single dip in quality.
Seriously, I am blown away by the generosity and talent of the speakers.
Video and audio from dConstruct 2013 will be available soon …but you kind of had to be there. And if you were there …thank you!
Once again, @dconstruct was amazing.— gregone (@gregone) September 6, 2013
Leaving Brighton with that familiar post-@dconstruct “I remember how to be excited about things now” feeling.— Alex Muller (@alexmuller) September 6, 2013
.@dconstruct exceeded my expectations as a first-timer; fantastic speakers and topics!— Adam Brewer (@adamcbrewer) September 7, 2013
Great day @dconstruct yesterday. I’d pick a highlight but the whole thing was brilliant.— Laura McCartney (@laufofbread) September 7, 2013
Yesterday’s dConstruct was the best yet, and the most entertaining conference I’ve ever attended. Thanks @adactio and co— Mark Kirby (@markirby) September 7, 2013
So, dConstruct was superb. That is all.— Paul Wilson (@paulanthonywils) September 6, 2013
A lovely write-up of dConstruct from Liz, including important post-conference conversations at the after-party.
Matthew gives a run-down of the talks he managed to catch at this year’s dConstruct when he wasn’t busy manning the Booking.com stand.
Thanks again for sponsoring, Booking.com!
I’m at Indie Web Camp and we’re onto the second day, which involves hacking on stuff (the first day involved discussing stuff).
I’ve had my head down attempting to implement webmentions on my site—basically a simpler form of pingback.
This probably won’t work, and this is the first basic step, but if you write a reply to this post on your own site, you should be able to ping me by entering your post’s URL into the form under this post.
Now, this is just a first run so all I’m doing is gathering the pings—I’m not actually going to fetch and parse your post; that step can come later. But if you want to help me kick the tires on this, write something on your site that links to this post and then enter your post’s URL below.
This is a terrific write up of this year’s dConstruct, tying together all the emergent themes.
Wednesday, September 4th, 2013
If you’re already in Brighton for dConstruct this week, there are two art shows you might want to check out:
Timo Arnall and friends are presenting their Immaterials exhibit at Lighthouse, 28 Kensington Street. Timo has written a few words about the exhibit. The exhibition is open from tomorrow, September 5th until October 13th, and the opening is tonight, Wednesday, at 6pm.
Just around the corner at the Ink-d gallery on North Road, the opening of Jon Burgerman’s exhibit is happening at exactly the same time: 6pm this evening. His Failure of Judgement exhibition runs from tomorrow, September 5th to October 6th.
Jon’s opening will also include the debut of the world’s first “Jon Burgerman Veggie Burger” courtesy of Burger Brothers next door.
Tuesday, September 3rd, 2013
Counting down to dConstruct 2013
It’s dConstruct week—just a few more sleeps to go! The speakers are starting to arrive into town, the conference badges have been delivered, and the epic task of applying hundreds of stickers to hundreds of badges has begun.
The Brighton Digital Festival is already in full swing. Reasons To Be Creative kicked off yesterday so the town is already full of geeks hanging out, drinking coffee, listening to talks and discussing them afterwards over a beer, and generally having a good time—exactly the kind of Brighton behaviour that curmudgeons like Andy and Colly love to hate.
The Immaterials exhibit headed up by Timo is opening at Lighthouse tomorrow. I’ve been walking past in the mornings coming into work and it’s looking fantastic. Although it did lead to a moment of cognitive synaesthesia:
There’s so much going on this week: Reasons To Be Creative from Monday to Wednesday, Improving Reality on Thursday, Maker Faire and Indie Web Camp on the weekend, and, of course, dConstruct on Friday.
I’m so excited about this year’s event! It’s definitely not your typical web conference and it’s certainly not your typical conference line-up. It’s going to be a blast spending the day in the company of such splendid speakers.
If you’re coming to town for dConstruct—or for any of the other wonderful events going on—here are a few tips on some places to eat…
The Guardian recently published a list of the top 10 10 budget restaurants and cafes in Brighton. Seems like a pretty fair sampling. The Seven Bees cafe is recommended for its fry-up—a recommendation endorsed by Lomokev who has eaten and photographed just about every fry-up in Brighton and beyond.
On the weekend, the Brighton and Hove Food Festival will be running its market on New Road and Jubilee Street, right by the locations of Maker Faire and Indie Web Camp, so there’ll be no shortage of tasty treats on offer.
On the day of dConstruct itself, we won’t be providing lunch, but we have arranged for some discounts at nearby cafés and restaurants. Also, it’s a Friday and that means Street Diner will be happening just up the road from the Brighton Dome.
Alas, the weather forecast is looking pretty damp for Friday—even though it’s going to be gloriously sunny until then—so be sure to bring your brolly.
Here’s the CSS and markup you need to make third-party iframes responsive. Handy!
Some examples to illustrate the UK Border Agency’s latest campaign.
Sunday, September 1st, 2013
This history of hacking.
Information doth wish to be free.
Beautiful amalgamations of film characters:
A custom software detects faces from every 24 frames of a movie, and creates an average face of all found faces. The composite image reflects the centric figure(s) and the visual mood of the movie.
Omni returns with a Bruce Sterling short story that marries alternative history and satire with a dash of digital preservation.
Go ahead, just wait a year, or two years, or maybe five years. Then try to find this, later. There will be no sign of this website, because it’s just made of pixels. No remains of the machine that you read it with, either.
A little sojourn around the Victorian internet.
Some of the more idiotic, harmful, stupid and nasty things said by the thought leaders of Silicon Valley.
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.