Progressive Enhancement and Data Visualizations | CSS-Tricks
A nice little pattern for generating a swish timeline in SVG from a plain ol’ definition list in HTML.
A nice little pattern for generating a swish timeline in SVG from a plain ol’ definition list in HTML.
A cheap’n’cheerful way of monitoring uptime for domains.
But as people spend more time on their mobile devices and in their apps, their Internet has taken a step backward, becoming more isolated, more disorganized and ultimately harder to use — more like the web before search engines.
How to get Yosemite to display five-digit years. It’s a bit of a hack, but we’ve got another 7,985 years to figure out a better solution.
Curiosity’s journey so far, nicely visualised.
This is quite beautiful in its simplicity: the hexadecimal colour value of the current time.
With all my talk about extending existing elements instead of making new ones, I was reminded of one of my favourite examples of custom elements in action: Github’s extensions of the
A fascinating look at how the humble password gets imbued with incredible levels of meaning.
It reminds me of something I heard Ze Frank say last year: “People fill up the cracks with intimacy.”
A friendly challenge from The Grey Lady for news sites to enable TLS.
Make a commitment to have your site fully on HTTPS by the end of 2015 and pledge your support with the hashtag #https2015.
A profile of Demetrios Matsakis, keeper of time at U.S. Naval Observatory, America’s equivalent to Greenwich in its importance for timekeeping in the modern world.
A short video featuring Jason Scott and Brewster Kahle. The accompanying text has a shout-out to the line-mode browser hack event at CERN.
I like the way Aaron thinks. I also like the way he makes.
The video of my closing talk at this year’s Full Frontal conference, right here in Brighton.
I had a lot of fun with this, although I was surprisingly nervous before I started: I think it was because I didn’t want to let Remy down.
A superb piece of hypertext from The Guardian.
A timeline of technology.
Improve your word power: here’s a timeline of terms used to describe male genitalia throughout history. And yes, there is a female equivalent.
I like this theory!
This is a really nice and simple idea: view photos from a specific place taken at a specific time. Voyeuristic fun.
Oh, no! How horrid! Now Twitter won’t control the “user experience” of that widget!
Instead, the person who actually posted the tweets in the first place gets to decide how they should be displayed. Crazy idea, isn’t it?
A long-zoom data visualisation.
This powerful timeline illustrates how drone attacks have increased dramatically under Obama’s administration.
A really lovely piece on the repositories of information that aren’t catalogued—a fourth quadrant in the Rumsfeldian taxonomy, these dark archives are the unknown knowns.
Lauren talks about The Shining Girls and the tools she uses to write with.
A well-written white paper on time travel. Alas, it relies a bit too much on semantic nitpickery to offer any real insight.
A beautiful timelapse visualisation of code commits to Flickr from 2004 to 2011.
Excellent journalism combined with excellent art direction into something that feels just right for the medium of the web.
A really nice interactive timeline of data from ten years of scrobbling music to Last.fm.
Don’t do it. Don’t click that button just one more time. Don’t.
This is right up my alley: a timeline of the history of hypertext, starting with Borges.
Note’s from Joanne’s presentation at Improving Reality.
This is a rather lovely history of the first two years of Lanyrd, starting with that honeymoon-turned-startup.
I really like the way that Lanyrd’s communications reflect the personalities of Simon and Nat: utterly brilliant, but also a little bonkers, with far more animals than would be reasonably expected.
Tom describes his Foursquare ghost.
A great article by Hannah, focusing on the Long Web—it isn’t about the quantity of data you’re publishing; it’s the quality. This builds nicely on the article I linked to recently about digital scarcity.
A nice visualisation of Apple’s transition From desktop to mobile over ten years, one Daring Fireball article at a time.
Oh, and happy birthday, Daring Fireball.
A thoroughly addictive use of the Instagram API (along with Node.js and Socket.io): see a montage of images being taken in a city right now.
Another beautiful timelapse video made from photographs taken from the International Space Station.
The music from Sunshine gets me every time.
This is how London looked on my birthday, as recorded by the stationary meatspace protrusion of James’s Ship Adrift.
A nice timeline visualisation of recent history.
This resonates deeply with me. It is worth your heartbeats.
I didn’t count how many heartbeats it took to read this, but it was worth every single one.
This is sooo nifty: Chloe’s obsessive Summer music visualisation is a lesson in responsive design and progressive enhancement. It’s also pretty fascinating.
This is rather wonderful: a DevFort project for navigating interweaving strands of history, James Burke style.
Beautiful time-lapse photography from Don “we’ve got a Dragon by the tail” Pettit, taken from the International Space Station.
The way that Chloe has catalogued her music over time is fascinating. It’s like the Long Now opposite of This Is My Jam.
This serendipitous chronometer shows tweets that are mentioning the current time.
The video of my talk from Webstock, all about wibbly-wobbly, timey-wimey stuff like networks and memory.
Photographs from the archive of the New York Times.
Cute CSS animations illustrating the incredible rate of uploads to YouTube.
A lovely timelapse tilt-shift video of Brighton.
Mashing up Angry Birds and spreadsheets to better visualise project time-tracking.
An interactive timeline where we, the wise crowd, can add our predictions (although the timeline for the past, showing important technological breakthroughs, is bizarrely missing Cooke and Wheatsone’s telegraph).
A plea for more time.
We tend to think in 2 to 5 year scales, maybe we need to be thinking in longer time lines about our own careers and skills.
Gorgeous time-lapse footage from the astronauts in the International Space Station.
A time-lapse video of Tokyo transportation.
A very even-handed look at the time and data debacle in HTML5.
A single-serving website expressing the frustration and bewilderment at Hixie’s unilateral decision to drop the time element from HTML.
A speculative timeline of future history.
A cute glanceable interface onto Foursquare that turns it into your own private railway station.
This is an excellent use of the Kindle as an undemanding screen. Really lovely!
Those lovely BERG chaps profiled in the New York Times.
Jeff Bezos has put together a little site to give some background on The Clock Of The Long Now: soon to be open to visitors.
A profile of those whacky Brooklyn Studiomates.
A dataviz demo of creepiness: displaying the movements of Malte Spitz by correlating her phone activity and web usage.
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.
Building a city with staples in thirty hours.
On 18 May 2010, the Planets (Preservation and Long-term Access through Networked Services) Project deposited a time capsule in the vaults of datacenter, Swiss Fort Knox, in Saanen, Switzerland. It contained the decoding information for five digital file formats on media ranging from paper, microfilm and floppy discs to CDs, DVDs and USB sticks.
This URL displays a picture of a sunset (from Flickr) taken wherever the sun is setting right now.
A gorgeous visualisation of Wikipedia data from History Hack Day. Watch the shape of the world emerge over time.
French schoolchildren are given technological tools that are less than thirty years old and asked to describe what they do.
A gorgeous sci-fi short film with some fine interface porn.
Matt encapsulates a lot of what I've been thinking about recently: the real-time web is all well and good, but let's not forsake the enormous potential for fulfilment in archives.
A very handy tool for planning intercontinental communication.
A lovely idea, nicely implemented: time-conditional CSS.
James Bridle's dConstruct artefact is in the New York Times.
YouTube Time Machine: this is beautiful and fascinating. Set phasers to WWILF.
An oldie but goldie: time travel in the age of the internet.
Beautifully done with HTML5 and font linking.
Matt Jones on sociality, data, radio and time.
A microformats article by yours truly, reworking a blog post from a while back about the value class pattern.
Anil Dash writes about the realtime web, calling it Pushbutton.
How to ensure consistency in time travel narratives.
A proposal for decimal time and measurement. It'll never defeat inertia but I love seeing the thought process that's gone into it.
Pictures of some prototypes of the clock of the Long Now.
Andy Baio gets his first by-line in a national newspaper (based on an article from Waxy.org).
Kevin does an excellent job of Fisking that ludicrous anti-Twitter article in The Times.
The Possibility Jelly lives on the hypersurface of the present.
On the tenth day of Newton, My true love gave to me, Ten drops of genius, Nine silver co-oins, Eight circling planets, Seven shades of li-ight, Six counterfeiters, Cal-Cu-Lus! Four telescopes, Three Laws of Motion, Two awful feuds, And â€¦
The Napoleon Dynamite problem at Netflix: basement hackers and amateur mathematicians are competing to improve the program that Netflix uses to recommend DVDs â€” and to win $1 million in the process.
John Resig offers an alternative user interface for selecting a time.
An interactive, collaborative timeline of the history and development of virtual worlds, open for anyone to edit.
A real time satellite tracking web application. Over 8000 satellites are tracked and can be displayed on the familiar Google Maps interface.
A really nice interactive infographic from the New York Times.
Realtime visualisation of feelings on Twitter. I can't help but think that present continuous emotions would have yielded better results; loving, hating, thinking...
New from GMail: send email back in time. "Gmail utilizes an e-flux capacitor to resolve issues of causality." In all seriousness though, remember when GMail launched on April 1st, 2004 and everyone that it was a joke?
A handy little RESTful ping service to answer the eternal question: "is it just me or is my site really down?"
Andrew gave a peak under the skirts of The New York Times in his presentation at the Web Apps Summit. Here's a list of the demos he showed.
Coworking is on the radar of mainstream media. This article even includes a mention of Brighton & Hove's very own The Werks.
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.