on: arcade fire’s mashup of music, video and HTML5

@font-face {font-family: 'SIFONN_PRO';src: url('https://joannapenabickley.com/wp-content/uploads/2021/01/SIFONN_PRO.woff') format('woff');}@font-face {font-family: 'IBMPlexSans-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ExtraLight.ttf') format('truetype');}

on: arcade fire’s mashup of music, video and HTML5

By Joanna Peña-Bickley

November 13, 2010

1 min read

While I am not a huge fan of their music - I am a fan of their social media and web design prowess.

Arcade Fire knocked my sneaks off earlier this year with a three-way marriage of music, video and HTML5. The group’s experimental new video site changed the way I think about a music video.

It's a highly interactive, personal site that uses the Google Maps API and the all-new HTML5 spec. The site challenges the your expectations of what the intersection between music and technology should hold.