A really simple React.js wrapper around a Tone.js Oscillator.
Monophonic (only plays one note at a time)
Using my synthesizer React.js components for the UI
A Pen by Gregor Adams on CodePen.
<!-- | |
css-doodle: | |
http://yuanchuan.name/css-doodle/ | |
--> | |
<css-doodle> | |
:doodle { | |
@grid: 15 / 61.8vmin; | |
@shape: circle; | |
} |
<html > | |
<head> | |
<meta charset="UTF-8"> | |
<title>YNAP</title> | |
<head> | |
<link rel="stylesheet" href="css/style.css"> | |
A really simple React.js wrapper around a Tone.js Oscillator.
Monophonic (only plays one note at a time)
Using my synthesizer React.js components for the UI
A Pen by Gregor Adams on CodePen.
<html> | |
<body> | |
<div class="wrapper"> | |
<header class="header"> | |
</header> | |
<article class="main"> | |
<p>YOOX NET-A-PORTER GROUP is the <strong>world’s leading online luxury fashion retailer</strong>. The Group is a Global company with Anglo-Italian roots, the result of a game-changing merger, which in October 2015 brought together YOOX GROUP and THE NET-A-PORTER GROUP, two companies that have <strong>revolutionized the luxury fashion industry</strong> since their birth in 2000.</p> | |
</article> | |
<aside class="aside aside-1"> |
var http = require('http'); | |
var server = http.createServer(function(req, res){ | |
res.writeHead(301, {'Location' : 'http://www.example.com'}); | |
res.end(); | |
}); | |
server.listen(process.env.PORT || 3000); |