So, now that things are mostly live, it is time to make sure that everyone can access the content – from people with visual impairment – to people using Internet Explorer (technologically impaired). The last version of the site brought about many comments with suggestions on everything from semantic markup to colour scheme, and this site, hopefully answers all of these needs in the best ways that I can. As this site is now html5, I thought it high time to expand on the schema of the semantics and to lay out the content in the order that it should be read and shown on page, starting with the content at the top, and ending with the footer below. This may sound like an obvious thing to do, but many sites struggle to balance their graphical layout with correctly laid out, non-superficial html. I constantly see everything from pointless markup inside semantic tags to make image replacement easier, to rearranging the html entirely so that their unique layout works consistently across browsers. Continue reading
MPORA
Leave a comment
Action Sports Media Browser
The world’s largest online collection of skateboarding, surfing and snowboarding videos – presented in one, small, embeddable media player. Generation 3 of the Factory Media Browser connects to all the sports channels, offers full user analytics and commercials, and offers the user buffer free full screen playback and the chance to share the movies with friends.
Continue reading
Day 014 : Soft Beta Launch
Leave a commentSo up until now, we have been sketching out styles and ideas with code, some elements have stayed, others proved pointless. The overall ethos of simplicity and focusing on content has really come together and developing in this open ended fashion has allowed a "core" system to be developed. This system piggybacks the CMS and allows site wide changes with a few simple clicks, everything from layout sizes to typographic rhythm. This allows for a "beta" soft launch – a site where there are still bugs present, but the overall system and interaction with the user is untested. Semantically the site has been re-written and stylistically now supports mobile platforms as well as screen readers. The last big element that needs focus is the flash applet which is currently just displayed as a work in progress.
Day 013 : HTML5
Leave a commentSo! A lot has happened since starting this project… Flash version 10.1+ was released (on all platforms including mobile), JQuery became the industry standard and Html5 was brought to the limelight by Steve jobs who is touting it as the "future of the internet". Being a technology developer, as well as being an end user, I have my own personal opinions about how things are evolving. Firstly, I would like to introduce you to the new version of the site, written in (x)html5, css3, javascript and Flash, with a sprinkling of php.
Sound Wheel
Leave a comment![]()
Synaesthetic Binaural Bassline Generator
Move fun that trying to create colour palettes, here is a sound palette creator. By using colours as the basis for sounds, this tool creates harmonic, and sometimes inharmonic basslines that modulate together to form a powerful binaural beat, and a series of grooving basslines.
Zombie Barbershop Quartet
Leave a comment
Sing-a-long Multiplayer Game
Grab some buddies, boot up your laptops and sing the zombie anthem in perfect harmony with your friends (or not!). Classic retro fun gaming using 21st century technology and crowd participation for a spooky karaoke experience. Continue reading
Day 012 : Multimedia
Leave a commentFinally! Time to have some fun! As someone with an interest in making music and video, this site is going to have to connect together a whole range of different media. As such, It is time to do some visualisations and upload some music to see how the system copes. The site is based upon a media framework I have ben working on for the past few years. Using javascript, html5 and flash, the framework seamlessly plays all music and movies and converts media links and tags to actionable buttons. Continue reading
A Hundred Lovers
Leave a comment![]()
Diesel interactive film catalogue
How do you show off an entire catalogue of clothes whilst dancing in a pop video… An homage to Goddard’s 1964 film Bande à part, and named after the pop song by Josef Xorto, this interactive pop video doubles as this years Diesel clothes catalogue. A fun and engaging film with more than a little charm. Continue reading
A Dark Ride
Leave a comment![]()
Lexus Interactive Film Game
A high octane car chase movie that adapts it’s plot to feature the user as the co-driver! Released as part of a promotional campaign, this engaging video which is tailor made for you, features your photograph, your voice and your interactions, can be saved and shared on Facebook and Twitter.
Oblique Strategies
Leave a comment
Inspiration. Quick.
Inspired by Brian Eno and Peter Schmidt’s work to prevent creative blocks… try this widget out when you are facing the wall.
Continue reading