HTML5 trombone!

Funny and usable trombone.

이용 기술 자바스크립트, HTML5, CSS3, 오디오,

  • 조회수 125회
  • 댓글수 2건

현재 데모에 대한 개발자 댓글

This demo shows capabilities of media queries to design animating trombone which plays sounds depending on the size of the browser's window. All animations are done using just CSS3 and media queries.

Besides being fun to play with it remains fully functional on small screen devices where you simply cannot resize your browser's window. In that case you can click on letters to make sound.

Javascript is only used in this demo to play sounds using Audio API.

2 건의 댓글 있음

Log in to add your own.

  1. launchinteractive에 의한 댓글

    Nice work. I like how the background changes colour with the notes plus the mobile version is a nice touch.
    1. Tomasz_Kolodziejski에 의한 댓글

      My main goal was to make this demo not only just next toy but also to show that media query can increase usability on small screen devices. Thanks a lot!

소스 코드 보기

소스 다운로드 663.56 KB · ZIP 파일

현재 데모는 BSD 라이센스 하에 공개되고 있습니다.

더 많은 정보 보기 Tomasz_Kolodziejski