Sponsorised links
December 2009
November 2009
Protovis
by parmentierf
& 2 others
(via)
Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.
Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example.
October 2009
Sponsorised links
September 2009
YAML Builder
by jakamos
& 19 others
A tool for visual development of YAML based CSS layouts
Design Your XHTML and CSS Layout with YAML Builder
August 2009
JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web
by karlcow
& 1 other
image
Hyperbolic Layouts
Top/Bottom/Left/Right Layouts
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
July 2009
Quick Tip – Resizing Images Based On Browser Window Size | Build Internet!
by mozkart
In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. For those looking for a real life example, Last.fm uses this technique on their artist pages.
The technique that will be used can be expanded to cause additional changes upon resize as well, beyond simply image swapping (ie captions, navigation).
The CSS Box Model | CSS-Tricks
by karlcow
& 1 other
every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish.
June 2009
May 2009
April 2009
Wordle - Beautiful Word Clouds
by jpcaruana
& 11 others
Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.
