Slow looking remix with the Science Museum

For this hack day my initial idea was to create an “Audio Tour Mixer”, allowing users mash up audio recordings from previous audio tours and images of the collection objects.

On the day this idea seemed like it might not take the shape I originally intended it to, and after some last minute changes to this idea I set about creating a concept that would attempt to bring audio to the slow looking project. …


Image for post

Ever wondered ‘What if the website I’m looking at is watching what I’m doing?’

What if someone is sat in a tiny room, watching your activity in real time on a monitor. I can almost guarantee you this isn’t happening*, and that the internet has much more nefarious and efficient means of (ab)using your online activity. However unlikely or unrealistic this scenario is — it occurred to me it’s still perfectly achievable. This knowledge was all it took to make me dig a little deeper.

IIIF and WebSockets

I’d already made WebSockets and IIIF work together for good with Storiiies: a tool for digital storytelling, so what if I took these same tools and applied them to an entirely less wholesome experiment? …


Part of the #Coghack series

In this post I’ll detail the trials, tribulations and successes of Team Face Swap as we position randomised portraits over our faces via live video as part of the second Coghack hackathon.

Spoiler alert (full video with commentary at the end of the post)

About #Coghack

Every three months or so we utilise the brains and collective know-how of the studio to bring interesting ideas to life at Coghack. Check out some of our previous endeavours.

In the latest Coghack we had: robot dogs, fun with IIIF in a 3D gallery, exploring the dimensions of space and time for data visualisation and exploration and — what this post is about — a live face replacement demo, built by Team Face Swap. …


Storytelling with IIIF

IIIF is usually thought about as a way to simplify working with images on the web, but it has hidden storytelling powers as well.

In this post we explore how the same IIIF manifests and annotation lists can be presented in ways that re-imagine the concept of telling a story with IIIF.

The examples in this post are all driven by the exact same IIIF manifest and annotation list.

How IIIF gives a foundation for storytelling

The IIIF manifest and annotation list as defined by the presentation API hold the all information we need to tell a story; the manifest allows for describing the overall collection of images and canvases as a whole, whilst the annotation list can be linked to reference particular regions of a single image and provide extra information or assets pertinent to the specified region. …


Image for post

Day 1 of @render_conf 2017 just ended, and it was a day jam packed with insightful and entertaining talks, but there were a few things in particular I’ll be taking away I’d like to share:

@adactio reminding me to consider “how does it fail?”, before dismissing a new technology / browser feature when I see lots of red on caniuse.com. Good examples he highlighted were CSS shapes (but applicable to other mainly cosmetic CSS), and service worker which really fits into a category of “something is probably better than nothing”.

I was fairly sure I knew the basics of HTTP, but I got numerous tidbits from @anabalica's talk and also pretty excited about a future with HTTP 2

I feel like accessibility doesn’t have the spotlight like it used to when I was earlier in my career, so it was good to get some really useful and practical a11y advice from @ninjanails, it isn’t just screen readers and this stuff is still really important. …


Image for post

Web accessibility not only improves the experience for all users — whether they use assistive technoloigies or not — it’s also becoming critical for organisations who need to be compliant with the law. With an increasing number of organisations — including the National Museum of Crime and Punishment and Netflixbeing threatened with action, the importance of accessibility has increased significantly. In this post, Front-end Developer Jon White talks about recent changes we’ve made to our accessibility practices at Cogapp, and about his first encounter with pa11y.

Accessibility on the web has always been in the domain of the front-end developer. …


Image for post

Recently Cogapp attended ffconf here in Brighton, it’s always an enthralling conference which has me leaving with new ideas and fresh enthusiasm for front end development. Some of the things I leave with might be inspirational, educational or practical and whilst I could talk for ages about what I learnt about emoji from Mariko Kosaka, I thought it would be much more useful to share some of the more practical things I discovered this year.

Here are my top 5 practical tips from ffconf 2016

@supports
(or ‘feature queries’) Is now widely supported (no pun intended) across major browsers, something that I didn’t know but came as somewhat of a pleasant surprise. This allows for similar functionality as Modernizr in native CSS, so it’s possible you might be able to ditch Modernizr entirely for progressively enhancing with shiny new CSS features. …

About

Jon White

Developer working with museums. Passionate about design, code, green tea, a good biscuit etc.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store