ON: Visual Music

@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');}

Fab Experiences

ON: Visual Music

By Joanna Peña-Bickley

July 7, 2006

1 min read

The pianist in me found this facinating! A simple flash interface that lets you explore the
sounds of a piano. It supasses the linear nature of piano
keys and created the rhythmic qualities of a piece of music
by giving each note motion in an enclosed space.