Tags: video

Responsive Day Out highlights on Vimeo

A lovely little highlight reel that Craig put together from the Responsive Day Out.

In The Name of Willie Clancy « Arbutus Yarns

A really nice short film about the Willie Clancy Summer School. It makes me want to get back to Miltown Malbay this July.

A Digital Tomorrow on Vimeo

A design fiction video depicting technology that helps and hinders in equal measure.

Internet Archive on Vimeo

A beautiful short film on the amazing work being done at the Internet Archive, produced on the occasion of their 10 petabyte celebration.

Truly awe-inspiring.

taskrabbitsinlove

Dan is collecting all of those product demo videos aimed squarely at young white single males with iPhones.

Flickr, codeswarming

A beautiful timelapse visualisation of code commits to Flickr from 2004 to 2011.

Schedule | Breaking Development Dallas 2012: Web design and development for beyond the desktop

All the videos from last year’s Breaking Development conference in Dallas are up on the site. They’re all excellent.

Connecting (Full Film) on Vimeo

A short film about interaction design.

Andy Hume: CSS for Grownups, SXSW 2012 - YouTube

The slides and audio from Andy’s exceptional talk earlier this year at Southby, combined into one video.

It really is excellent, although he does make the mistake of pulling the “dogma” card on those who woud disagree with him, and he really doesn’t need to: his argument is strong enough to stand on its own.

Ethan Marcotte AEA Boston June 18, 2012 on Vimeo

Ethan’s excellent talk from last year’s An Event Apart.

In this session Ethan reviews strategies for handling trickier elements that would make even the most seasoned designer quail: stuff like advertising, complex layouts, deep navigation patterns, third-party media, and, yes, actual, honest-to-goodness content.

The Spirit Of The Web on Vimeo

This is my opening talk from Smashing conference a few months back in Freiburg, where I used to live.

beyond tellerrand 2012 session videos | Indiegogo

Marc Thiele, the lovely organiser of the Beyond Tellerand conference, needs our help recovering the video footage from this year’s event:

The HDD with all recordings (16 talks, 2 cameras) crashed. After sending the HDD to a recovery center they sent me a quote about 2832 Euro for the recovery job.

That’s about $4000. So far it’s three quarters of the way there already! Let’s see if we can hit that target.

Soundslice: Tabs have never sounded so good

A lovely new service from Adrian that allows you to sync up guitar tabs with videos. It’s a very impressive in-browser app.

Hacking the Future: Clare Sutcliffe at TEDxBrighton - YouTube

A great short talk from Clare about Code Club.

TEDxToronto 2012 Talk - Ryan Henson Creighton

And this is why Code Club is such a great initiative.

Data Visualization Reinterpreted by VISUALIZED on Vimeo

Peter Saville talks about the enduring appeal of his cover for Unknown Pleasures.

I like to think of all the variations and mashups as not just tributes to Joy Division, but tributes to Jocelyn Bell Burnell too.

Rhizome | Stories from the New Aesthetic

These three talks are worth your time.

Be Square, web conferences on your desktop.

A really nicely designed site to help you catch up on some good conference talks you might have missed.

Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012) on Vimeo

This is the talk I gave at the Webdagene conference in Norway a few weeks back. I called it Responsive Enhancement but I think the Norwegian title translates as “Improvements Through Responsive Design.”

The Brooklyn Beta Theme Song: Year Three - YouTube

Song-a-day Mann closed out this year’s Brooklyn Beta by singing this song (number #1381 in his ongoing series). We all sang along. It was pretty damn great.

Sight on Vimeo

A well-executed sci-fi short film on augmented reality and gamification.

Airlift

This looks handy: a video-sharing service designed specifically to work with Silverback

Kev aka Lomokev- Brighton street photographer: YouTube

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

dConstruct glowsticks on Flickr

A beautiful sight: the digital and the physical interacting through glowsticks.

Meet the new-look Channel 4 News website - YouTube

Clearleft have been working with Channel 4 News on their new redesign. Here’s Jon Snow explaining responsive design.

“BOTANICUS INTERACTICUS”: Interactive Plant Technology - YouTube

Theraminforming.

Work is being done here on Vimeo

A short piece on the experiment that James conducted with Lighthouse in the foyer of the Cleareft office building, trying to show some kind of physical representation of coding.

Creative JavaScript Training on Vimeo

I’m going to be attending Seb’s CreativeJS and HTML5 course in Brighton on September 13th and 14th …and I strongly suspect that it’s going to be great.

3D-Printed “Magic Arms” - YouTube

3D printing an exoskeleton for a child with arthrogryposis — technology can be so fricking awesome!

Scott Jenson | Beyond mobile, beyond web | Mobilism 2012

A little something to whet your appetite for dConstruct: Scott’s superb talk from this year’s Mobilism conference in Amsterdam.

Summer Reading… and Programming

This is rather marvellous: a book review from Robin Sloan that requires you to type commands into a JavaScript console.

View from the ISS at Night on Vimeo

Another beautiful timelapse video made from photographs taken from the International Space Station.

The music from Sunshine gets me every time.

Web Native Design on Vimeo

A great talk on the nature of the web that Paul gave in Copenhagen recently.

HP “On That Cloud Thing That Everyone Else Is Talking About” | The Onion - America’s Finest News Source | Onion News Network

Pitch-perfect parody from The Onion:

HP announced they’re making a new push into cloud computing and that they totally know what that is.

In related news, I’ve ordered my “the cloud is a lie” T-shirt from James.

Organized Wonder | Curated documentaries, interviews, short films, and other top videos from around the web.

This is like a video version of Huffduffer (without the timeshifting). It’s very nicely done.

The Keymaster: Patrick Olwell’s story - YouTube

The trailer for a documentary on flutemaker Patrick Olwell. The film should be done later this year.

Rosetta on Vimeo

A beautiful short film about The Long Now Foundation’s Rosetta Project.

Code Club - The Interview - YouTube

It’s kinda nuts that in the space of just a few months, Code Club has gone from being an idea by Clare and Linda into something with an all-star promo video.

Science Hack Day Eindhoven 2012 winners compilation on Vimeo

Some of these hacks created at the Science Hack Day in Eindhoven are seriously nuts. That’s “nuts” as in “brilliant”.

Fuck Me, Ray Bradbury - Rachel Bloom - YouTube

In light of the recent death of Ray Bradbury, I think we should all honour his memory by revisiting this song (featuring some future-friendly headgear).

I’ll feed you grapes and Dandelion Wine and we’ll read a little Fahrenheit 69…

Welcome to Life: the singularity, ruined by lawyers - YouTube

A satirical parody of post-singularity existence by Tom Scott inspired by Jim Munroe’s Everyone in Silico and Rudy Rucker’s Postsingular.

Like A Rounded Corner (Bruce and The Standardettes) - YouTube

Bravo, Bruce, bravo.

I heard Glen Campbell’s “Like A Rhinestone Cowboy” on the radio and began absent-mindedly singing “Like a rounded corner” to it.

API Panel

The video of the panel I moderated on device and network APIs on the second day of Mobilism in Amsterdam. It’s not quite as snappy as the browser panel (which, given the subject matter, is unsurprising) but it was still good fun.

Mobile Browser Panel 2012, Mobile Browser Panel at Mobilism 2012 Moderated by Jeremy Keith, this panel features Andrea Trasatti (Nokia), Andreas Bovens (O…

Here’s the video of the mobile browser panel I moderated at Mobilism in Amsterdam. These guys were really good sports to put up with my wisecracking shots for cheap laughs at their expense.

CreativeJS for non-coders on Vimeo

A fantastic taste of what you can expect in Seb’s Creative Coding workshop.

A List Apart: Articles: Creating Intrinsic Ratios for Video

This really is a ridiculously smart way of keeping third-party videos scalable in responsive layouts. I’ve just implemented it on this year’s dConstruct site.

A Time-Lapse Map of Every Nuclear Explosion Since 1945 - by Isao Hashimoto - YouTube

A beautiful and disturbing piece of data visualisation. The numbers are quite astonishing.

Caine’s Arcade | A cardboard arcade made by a 9-year old boy.

No, you’re tearing up watching a video about a boy who built his own arcade out of cardboard. I’ve just got something in my eye.

Using Huffduffer to Listen to Audio - YouTube

This is so cool! A short screencast about Huffduffer.

Nicholas Zakas: Progressive Enhancement 2.0 - YouTube

A great talk by Nicholas on what progressive enhancement means today. There’s some good ammunition in here.

L’Eclaireur • subblue

Press play on each video, sit back, and relax.

ARCHIVE TEAM: A Distributed Preservation of Service Attack - YouTube

Jason’s rip-roaring presentation from Defcon last year.

Video, Mobile, and the Open Web | Brendan Eich

Mozilla will be supporting H.264 …but they’re not happy about it.

I won’t sugar-coat this pill. But we must swallow it if we are to succeed in our mobile initiatives. Failure on mobile is too likely to consign Mozilla to decline and irrelevance.

Webstock ‘12: Matt Haughey - Lessons for a 40 year old on Vimeo

I really enjoyed Matt’s talk from Webstock. I know some people thought it might be a bit of a downer but I actually found it very inspiring.

Jeffrey Zeldman tribute video - on his induction into the SXSW Interactive Hall of Fame on Vimeo

The video that was played at Jeffrey’s inauguration into the South by Southwest Interactive Hall of Fame.

Webstock ‘12: Jeremy Keith - Of Time and the Network on Vimeo

The video of my talk from Webstock, all about wibbly-wobbly, timey-wimey stuff like networks and memory.

Lets Imagine Greater - Ariel “Spotlight” - YouTube

How awesome is this!? Ariel is on TV in a promo spot for the Syfy channel …all thanks to Spacehack.org.

Science!

Solve for X: Neal Stephenson on getting big stuff done - YouTube

Neal Stephenson speaks at Solve For X on the relative timidity of scientific (and science fictional) progress in our current time.

Fresh Impressions on Brandmarks (from my 5-year-old) - YouTube

A five year old provides a few remarks on some popular logos. Cute!

At Twitter, The Future is You! - YouTube

A hackweek project from Twitter employees to create the best/worst recruitment video of all time.

Clear for iPhone (Coming Soon!) on Vimeo

Nik demos the neat interactions in Realmac’s latest piece of iOS software in this cute little video.

Travis Schmeisser: We Used To Build Forts on Vimeo

I loved this talk from Travis at New Adventures in Web Design, especially when he talked of the importance of Geocities and MySpace in democratising creative expression on the web.

We may have later bonded over that Ze Frank quote while in the toilet at the after-party …there may have even been hugs.

Dance Yrself Clean - LCD Soundsystem - Muppets rock out in Brighton ! - YouTube

A trifecta of nice things:

  1. Muppets.
  2. Brighton.
  3. LCD Soundsystem.

Jeremy Keith - All Our Yesterdays on Vimeo

The video of my presentation on digital preservation at last year’s Build conference.

Our communication methods have improved over time, from stone tablets, papyrus, and vellum through to the printing press and the World Wide Web. But while the web has democratised publishing, allowing anyone to share ideas with a global audience, it doesn’t appear to be the best medium for preserving our cultural resources: websites and documents disappear down the digital memory hole every day. This presentation will look at the scale of the problem and propose methods for tackling our collective data loss.

Making Of ‘Peugeot - Paperwork’ on Vimeo

Kyle’s paper skills are truly impressive.

Star Wars Uncut: Director’s Cut - YouTube

The final amalgam of Star Wars Uncut is an absolute joy to behold. I enjoyed every single moment of this.

Search by Image, Recursively, Transparent PNG, #1 on Vimeo

2951 images at 12 frames per second. Each image is the “related image” of the image before according to Google image search. The first image is simply a transparent PNG.

IBM Sage Computer Ad, 1960 - YouTube

A 1960 advertisement for IBM’s SAGE system …WOPR by another name.

To be ready for the worst so that the worst will never happen…

Jeremy Keith: Paranormal Interactivity on Vimeo

This is the talk I gave at An Event Apart through 2010. It’s all about interaction design with some examples from Huffduffer.

Bureau of Common Goods | A creative film production company

You can now hire Mandy and Keith to make gorgeous films. Their website is, unsurprisingly, beautifully crafted.

This is Brighton on Vimeo

A lovely timelapse tilt-shift video of Brighton.

Jeremy Keith: One Web — Update 2011 - YouTube

My short talk from Aral’s Update conference in Brighton last September. I’m pretty happy with how it turned out. If I only I had a handheld mic—then I could’ve done a microphone drop at the end.

Jeremy Keith - There Is No Mobile Web - BD Conf, Sept 2011 on Vimeo

The video of the opening keynote I delivered at the Breaking Development conference in Nashville earlier this year. It expands on the One Web presentation I gave at DIBI, focusing on the language we use to talk about our approaches to web development.

Silicon Valley Buzz - Science for the everyday man - YouTube

Ariel is interviewed by Seth Shostak. Science! Science! Science!

Future Drama

Past predictions of the future in concept videos.

Earth | Time Lapse View from Space, Fly Over | NASA, ISS on Vimeo

Gorgeous time-lapse footage from the astronauts in the International Space Station.

The Great Universe of Data on Vimeo

One of the opening lightning talks at Science Hack Day in San Francisco by Sean Herron of NASA.

inter // states on Vimeo

A time-lapse video of Tokyo transportation.

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

Productivity Future Vision (2011) - YouTube

This vision thing commissioned by Microsoft shows a future-friendly networked world where content flows like water from screen to screen.

PROTECT IP Act Breaks The Internet on Vimeo

If you live in the States, please, please, for the love of the internet, write to your representative at fightforthefuture.org/pipa

Pacific Star 3 on Vimeo

Superb science-hacking.

The Mountain on Vimeo

Beautiful timelapse.

James Burke Classic : The Famous Rocket Takeoff Scene - YouTube

This remains one of the greatest pieces of documentary footage ever filmed.

Everything Is A Remix: THE MATRIX on Vimeo

An addendum to the excellent Everything Is A Remix series, focusing on the influences on The Matrix.

Upperdog Labs: Video Canvas Responsive Design - YouTube

I never expected to see a cross between responsive design and AR, but here ya go:

A silly mashup of HTML5 technologies: We use the canvas to capture the contents of a video element. The canvas then identifies the blue markers and overlays an iframe on top of it. The iframe contains our website (upperdog.se) which has a responsive design.

Mario Portals Test 3 - YouTube

What if Mario had a portal gun?

FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

A jQuery plugin for embedding videos in responsive layouts. Very nice …but… does it really need to require jQuery? Would somebody like to fork this and create a non-jQuery version? Thanks.

The technology behind the new BostonGlobe.com on Vimeo

A slick little video that goes behind the scenes of the Boston Globe site.

Web Standards Hoedown (Full HD / Radio Edit) - YouTube

It’s Opera …but it’s folk.

Ole: the quest for aurorae on Vimeo

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

How to Barbeque a Man on Vimeo

Valuable advice from Slowtron on cooking perfect longpork.

Salter Cane — Anomie - YouTube

We played at the bottom of the art-deco staircase in Bexhill’s De La Warr Pavilion. Sounds pretty good, if I do say so myself.

Swarmanoid, the movie - YouTube

I, for one, welcome our autonomous swarming robot overlords.

oops on Vimeo

Accidental camera drops serve a purpose as part of a larger narrative.

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

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

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

Jeremy Keith - One Web on Vimeo

The video of my talk/rant at the DIBI conference in Newcastle/Gateshead earlier this year, for your viewing pleasure.

Lucozade Energy Advert 2011 - Feeder’s ‘Buck Rogers’ by The James Cleaver Quintet. - YouTube

So that’s what they were filming when I came out of band practice the other day. This is my neighbourhood.

Atlas V Juno launch - August 5, 2011 | Flickr - Photo Sharing!

So long, Juno. Call me when you get to Jupiter.