Posts Tagged ‘html’

BCKCHNL (Back Channel)

Friday, November 12th, 2010

Back Channel on a desktop and a phone.

BCKCHNL (short for Back Channel) is a super simple Twitter search app. We built it with ’2nd Screens’ in mind so whether that’s monitoring a hash-tag you’re interested, or following a specific keyword. The app uses javascript to constantly refresh the feed with new results so past the initial search it’s essentially a passive experience of watching the tweets roll by. We wanted a simple clean interface that worked across big screens, projections, tablet devices and mobile devices alike.

BCKCHNL is one of our many internal projects to finally see the light of day and conceived and designed and built as a collaboration between Nation and our good buddy Al Monk

The app is still in alpha, so there may be the odd bug or two, but check it out BCKCH.NL and let us know what you think.

We’re trying to keep it as simple and as minimal as possible but there are a couple of things you can do to push the functionality if you’re so inclined:

You can pull in multiple search terms by adding a comma (and no spaces) in between words.

If you don’t even want to go to the homepage to search you can just add the search terms to the end of the url with a hash. So for example: http://bckch.nl/#happy,sad will show you a feed of tweets containing either the word ‘happy’ or the word ‘sad.’

The size of the tweets in the stream are large by design, but can easily be adjusted in your browser by holding ctrl/cmd and pressing +/- on your keyboard.


Testing BCKCHNL on the ipad while watching tv

WTF shall I do this weekend?

Monday, July 5th, 2010

Weekends are for expanding the mind and getting involved with diverse cultural and creative offerings, or sitting in your underwear eating cereal and fighting nazi’s in a room filled with only the flickering of a giant TV. To push ourselves out of doing the latter we decided to make a little website to display neat stuff happening near you. The site uses the eventful API and an idea wholly inspired by http://whatthefuckshouldimakefordinner.com/. It throw’s up obscure, interesting and occasionally amusing stuff; See it here

The Nation Newspaper 2009

Wednesday, January 6th, 2010

P1000142_blog

As is the way with most design studios we spent a couple of weeks before Christmas scrambling to get something together to send out to clients, friends and anyone else we may have worked with over the past year. Despite being a digital studio, we were tired and unimpressed by 99% of the ‘digital Christmas cards’ we’d seen over the past couple of years and know that the people we work with are similarly unimpressed. We wanted to produce something that may be of some use and would hopefully engage with people for more than 5 seconds.

We decided on kicking it old school and printing a Newspaper featuring all the interesting things we’d seen, enjoyed and been inspired by in 2009. Videos, product designs, computer games, installations, experiments, interesting blogs and even some stuff that served no purpose at all. To run along side the Newspaper we built a mobile friendly blog featuring further info and video of the stuff in action. The newspaper features QR codes and shortcodes to enable people reading the paper to quickly jump to a video they were interested in or simply pull the blog up on their mobile device/computer and browse along as they read the paper.

You can see more photos in the Nation flickr stream and if you didn’t receive one and you like a copy of the paper send us an A4 envelope with 2 x 1st class stamps on it and we’ll pop one in the mail for you.

Our address:
Nation,
Top Floor Studio,
51 Hoxton Square,
London,
N1 6PB (more…)

Alice by Temperley

Sunday, December 20th, 2009

001_Alice_HomeBIG

A little peek at some work we’re doing for fashion designer Alice Temperley’s new brand. More news as we’re allowed to talk about it.

Pizza Express

Wednesday, July 8th, 2009

At Work Club Tom oversaw the design and build of the Pizza Express website.

The architecture of the site was refreshed and the design stripped back to its core components. Combining a solid HTML structure with clever use of Flash and Ajax elements resulted in a dynamic website that adjusts to Pizza Express’ ever-changing needs. The website helped raise their online profile and provided a home for the brand in a digital space.

http://www.pizza-express.com

Pex_001

(more…)