by Jon Chan @jonhmchan
This is an experimental library for writing CSS in JavaScript. The current version is a beta and highly unstable, with changes happening on a daily basis. It is actively being developed with your help.
-
Download
descartes.jsfrom thedistfolder -
Set up Descartes in a webpage by inserting it in your
<head>tag, like so:<!doctype html> <html> <head> <script type="text/javascript" src="/path/to/descartes.js"></script> </head> <body> <h1>I compute, therefore I am.</h1> <script type="text/javascript" src="/path/to/styles.js"></script> </body> </html>
-
Create a
styles.jswhere you will write your styles. Try the following:
new Descartes({ "h1": { "_listeners": [[window, click]], "font-family": "Helvetica", "font-size": function() { return 16 + Math.round(Math.random() * 42); } } }) ```
- Save and open up your HTML file in a browser. Clicking anywhere on the window should randomize the size of your heading.