background preloader

Web Tools

Facebook Twitter

Kiwipsum - A kiwiana themed dummy text generator, bro. Word Count Tool - Free Tool to Count Number of Words. Word counter! BitTorrent visualization in processing.js. You can use the 's' and 'p' keys to add new seeds and peers to the swarm. Hitting 'r' will remove one of the seeds or peers at random, but it takes a few seconds before it activates, just like the original. This visualization originally started off at aphid.org but that site doesn't seem to be up anymore. Jeff Atwood updated it to work with more recent versions of Processing (notably the 1.0 release which is theoretically API-stable and compatible with future versions).

Once I saw processing.js, I knew that I had to get this working in it. Works in pretty much any modern browser except IE (because IE doesn't have support for the <canvas> tag). Changes, if you're curious: processing.js was missing ArrayList.contains() so I implemented it processing.js didn't implement screenX() or screenY() so I had to calculate things manually with cos() and sin() HSL Color Picker - by Brandon Mathis. HSL (Hue, Saturation, Luminosity) allows us to describe meaningful relationships between colors. Give this brown color, hsl(36, 73%, 10%), it's clear that if we desaturate 40 steps and lighten 70 steps we get hsl(36, 33%, 80%), a cream color. Look at that in hex, #2C1D07 to #DDCFBB, or in rgb, rgb(44, 29, 7) to rgb(221, 207, 187), and the relationship between colors isn't evident in any meaningful way. In graphics software I pick colors in HSB (Hue, Saturation, Brightness) because it feels more natural to work with than RGB or CMYK.

Now, with CSS3 we can use HSL which is actually quite different than HSB. How to think in HSL Pick a Hue from 0 to 360 and with saturation at 100 and luminosity at 50 and you'll have the purest form of that color. Proxy Test.