| 1) Load the u3g(4) driver: | |
| # kldload u3g | |
| # kldstat | |
| Id Refs Address Size Name | |
| ... | |
| 7 1 0xffffffff81b6e000 5ffb u3g.ko | |
| 2) Set the driver to load at boot: |
This my receipe for installing a complete nodejs server on FreeBSD 10. The parameters used in this configuration are for a very small private server that I use for demo purpose only, so for a production server, you should somehow set the limits in pair with your ressources.
I use monit so I don't have to write rc scripts for node and it should take care of process lifecycle management for me. Alternatives exists such as supervisord or circus.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> | |
| <title>d3.js Spinny Globe from Mike Bostock's SVG Open 2011 keynote</title> | |
| <script src="http://mbostock.github.com/d3/d3.js"></script> | |
| <script src="http://mbostock.github.com/d3/d3.geo.js"></script> | |
| <style type="text/css"> | |
| svg { |
| {"nodes":[{"name":"Myriel","group":1},{"name":"Napoleon","group":1},{"name":"Mlle.Baptistine","group":1},{"name":"Mme.Magloire","group":1},{"name":"CountessdeLo","group":1},{"name":"Geborand","group":1},{"name":"Champtercier","group":1},{"name":"Cravatte","group":1},{"name":"Count","group":1},{"name":"OldMan","group":1},{"name":"Labarre","group":2},{"name":"Valjean","group":2},{"name":"Marguerite","group":3},{"name":"Mme.deR","group":2},{"name":"Isabeau","group":2},{"name":"Gervais","group":2},{"name":"Tholomyes","group":3},{"name":"Listolier","group":3},{"name":"Fameuil","group":3},{"name":"Blacheville","group":3},{"name":"Favourite","group":3},{"name":"Dahlia","group":3},{"name":"Zephine","group":3},{"name":"Fantine","group":3},{"name":"Mme.Thenardier","group":4},{"name":"Thenardier","group":4},{"name":"Cosette","group":5},{"name":"Javert","group":4},{"name":"Fauchelevent","group":0},{"name":"Bamatabois","group":2},{"name":"Perpetue","group":3},{"name":"Simplice","group":2},{"name":"Scaufflaire","group":2}, |
| body { | |
| font-family: Helvetica, Verdana | |
| } | |
| p { | |
| padding: 7px 10px; | |
| } | |
| #demo { | |
| border: 1px solid #999; | |
| } |
| //based on blog post that I saw here: http://www.sanraul.com/2010/08/01/implementing-doubletap-on-iphones-and-ipads/ | |
| (function($){ | |
| $.fn.doubletap = function(fn) { | |
| return fn ? this.bind('doubletap', fn) : this.trigger('doubletap'); | |
| }; | |
| $.attrFn.doubletap = true; | |
| $.event.special.doubletap = { | |
| setup: function(data, namespaces){ |
| <html> | |
| <head> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script> | |
| <title>Creating SVG groups with D3.js</title> | |
| </head> | |
| <body> | |
| <div id="d3group"></div> | |
| <script type="text/javascript"> |
Using Upperdog Interactive’s CSS Twitter logo as reference, and I wrote some circle-circle intersection code (a.k.a. math) to specify the Twitter logo as sequence of elliptical arc segments. There are other versions of the Twitter logo in SVG, but as best I can tell, they use cubic Béziers. I found it mathematically unsettling to use Béziers when circular arcs would suffice.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> | |
| <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> | |
| <script type="text/javascript" src="http://github.com/mbostock/d3/raw/v1.8.4/d3.js"></script> | |
| <style type="text/css"> | |
| html, body, #map { | |
| width: 100%; |
| creditor | debtor | amount | risk | |
|---|---|---|---|---|
| Britain | France | 22.4 | 3 | |
| Britain | Greece | 0.55 | 0 | |
| Britain | Italy | 26 | 0 | |
| Britain | Portugal | 19.4 | 0 | |
| Britain | United States | 345 | 1 | |
| France | Germany | 53.8 | 1 | |
| France | Greece | 53.9 | 0 | |
| France | Ireland | 17.3 | 0 | |
| France | Italy | 366 | 0 |