Retina.js | Retina graphics for your website

When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place.

The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server.

For example, if you have an image on your page that looks like this:
<img src="/images/my_image.png" />

The script will check your server to see if an alternative image exists at this path:
"/images/my_image@2x.png"

via retinajs.com

 

PatternSketch - HTML5/JavaScript Drum Machine and Sequencer


Patternsketch

Patternsketch is an HTML5 and Javascript audio sequencer and drum machine. With it, you can create audio patterns, play them back, adjust playback tempo, volume, and change the audio kit. You can also save, export, and collaborate with your friends.

Patternsketch is an excercise in imagining what browser based music tools could be, and an exploration in the possibilities of new web technologies. It was built with Javascript (no frameworks) and HTML5 (no flash).

The goal of this project was to create a tool that musicians and casual music fans could use to create music patterns and collaborate on rhythmic ideas with friends. We recognize the performance is currently unacceptable for serious use, but look forward to updates in browser technology to make tools like this a viable option for music lovers.

Patternsketch works best in Firefox and Chrome. For a technical look at the inner-workings, see our posts on how we made it.

Questions? Comments? Email us: patternsketch [at] gmail [dot] com

via patternsketch.com