There is a good margin for customization: colors, sizes, interpolation and functionality in general with the modular/extendable structure of the toolkit.
At the time, we were thinking it would be a quick little animated ASCII thing. After digging in a little more, we decided to go way bigger. Each jumbo pixel in the grid is a plain old <div> with a coloured background, while scenes are broken down into reusable sprites to keep things snappy. Cute 8-bit dinosaurs, robots & zombie dogs all make an appearance, with SoundCloud comments embedded at the correct time-index – a nice touch. I strongly suspect there’s some nice tooling behind this, if the large arrays of data in the source are anything to go by.
All together now: “Brrrraaaaaains!” This is Your Brain on CSS by Steve Wittens. "Lathe Machine" by Einar Öberg. Multiplayer music making with Plink! Trigger Rally – online edition. Trigger Rally is a fast-paced open source racing game for Linux, maintained by a small but dedicated team of developers. The game itself adheres to the same open principals as the operating system it was originally built for, using creatively licensed art, audio and 3D assets. And it’s now available to play online through this WebGL port by jareiko. WebGL and Three.JS power the graphics. A 1024×1024 sky box surrounds the scene and the level and car model data is pulled in using the Three.JS json format. Level maps are interesting, using a combination of a height map to generate the level geometry, a color map combined with an external texture to paint the land, and foliage and checkpoint maps for details.
Heatmap.js – A HTML5 canvas heatmap library. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready. Posted by Maggie on 04/02/2009 Topics: css jQuery jQuery UI ThemeRoller ui design Update: We contributed this menu plugin to the jQuery UI library. We got lots of fantastic feedback on our earlier iPod-style menu, and decided to upgrade it for jQuery 1.3. As noted in our original post, the iPod-style menu provides easy navigation of complex nested structures with any number of levels. Much of the functionality that controls the iPod style menu, like positioning and option selection, is shared by dropdown and flyout menus which are better suited for smaller data sets, so we extended the script to include support for these additional menu types.
We also built in the ability to customize a menu's appearance, including active and hover states, by passing in classes as options. By default, the menu script will transform an unordered list of links into a simple dropdown menu: Demo Page When the menu content contains nested lists, by default it creates an iPod-style menu: Demo Page Demo Page How it works. SlabText – a jQuery plugin for creating big, bold & responsive headlines. I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action. So what does the script do again?
Blur Any Web Element Easily – Blur.js. Blur.js is a flexible jQuery plugin for implementing blur effect to any web element. It actually works by creating and placing psuedo-transparent blurred elements over the targeted ones and makes use of the StackBlur algorithm. The source of the blurred item (it can use the background of body or other HTML elements), radius of the effect and it is positioning can be defined with ease. There is built-in caching for re-using the blurred image and there is support for making the item where the effect is applied to be draggable (requreis jQuery UI). JS1K Speech Synthesizer. When you think of your computer talking to you it’s usually space aged computers and robots, or maybe Siri if you’re less imaginative. You probably don’t think of it happening in your browser, and especially not something made for JS1K. Showing up the other sound generating entries, Mathieu Henri created this JS1K Speech Synthesizer for the contest.
It’s a super simple speech synthesizer that “says” what you’re typing as you type, and then the whole line once you hit enter. While it’s pretty amazing to see this done in your browser and at such a small file size, you’re not going to be able to use this for your next round of prank calls: To go under 1K, I had to limit the synthesizer to two format filters using either a sawtooth or noise and discard plosive sounds. In other words I had to sacrifice quality a bit. Either way, it’s very impressive! JS1K Speech Sythesizer by Mathieu Henri.