background preloader

Information Visualization

Facebook Twitter

New links. Futurico - Free User Interface Elements Pack. Features. Main Page - GLOW Visualization. Html5slides - A Google HTML5 slide template. The 2012 version is mobile friendly, touch enabled, and has shiny new features.

html5slides - A Google HTML5 slide template

By Luke Mahé and Marcin Wichary. Demo Instructions for editing slides Get this template: and copy/paste it to a new file on your local computer. Edit at will. Expanding Text Areas Made Elegant. An expanding text area is a multi-line text input field that expands in height to fit its contents.

Expanding Text Areas Made Elegant

This UI element is commonly found in both desktop and mobile applications, such as the SMS composition field on the iPhone. Examples can also be found on the web, including on Facebook, where it’s used extensively. It’s a good choice wherever you don’t know how much text the user will write and you want to keep the layout compact; as such, it’s especially useful on interfaces targeted at smartphones.

Issue № 338 Despite the ubiquity of this control, there’s no way to create it using only HTML and CSS. Trawling the internet, you can find several attempts at creating expanding text areas, but most suffer from one or more of the following problems: Improve Your CSS Kung-Fu: Chris Coyier's Best Practices for HTML and CSS. We Recommend These Resources Lots of us 'know' CSS but don't use it to the max.

Improve Your CSS Kung-Fu: Chris Coyier's Best Practices for HTML and CSS

More perniciously, despite demos like the famous zen garden, it's easy to forget about some of the more powerful -- but more abstract -- applications of CSS. Keeping in mind that old programming habits die hard, Chris Coyier put online some very slick and very useful slides from his talk at the Future of Web Apps conference in London earlier this month. Google+ launches ‘Ripples’ visualisation.

Dipity - Find, Create, and Embed Interactive Timelines. 22 Useful HTML5 CSS3 Form Tutorials. Using HTML5 and CSS3 you can create creative web forms with great specifications.

22 Useful HTML5 CSS3 Form Tutorials

So in this roundup we are featuring 22 CSS3 form tutorials. Slick login form with HTML5 & CSS3 HTML5 & CSS3 envelope contact form Build a Neat HTML5 Powered Contact Form Create a Stylish Contact Form with HTML5 & CSS3. Tangle: a JavaScript library for reactive documents. Tangle is a JavaScript library for creating reactive documents.

Tangle: a JavaScript library for reactive documents

Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn. This is a simple reactive document. When you eat 3 drag. Circle Of Trust. Blog » Hexbins! Binning is a general term for grouping a dataset of N values into less than N discrete groups.

blog » Hexbins!

These groups/bins may be spatial, temporal, or otherwise attribute-based. Most Popular Web Design Blogs to Get Inspired. Sharebar 0EmailShare So here we are with our first post, and we are really excited!

Most Popular Web Design Blogs to Get Inspired

Webtype. Open Source: Flipboard Style Transitions And Reader Example For iPad. How to Mimic the iGoogle Interface. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.

How to Mimic the iGoogle Interface

In this tutorial, I'll show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface, which has plenty of potential applications! First, let's list exactly what we'll be creating here and what features it'll have: This interface will contain several widgets.Each widget can be collapsed, removed and edited.The widgets can be sorted into the three seperate columns by the user (using a drag and drop technique).The user will be able to edit the color and title of each widget.Each widget can contain any amount of regular HTML content, text, images, flash etc.

jQuery Timelinr ↩ CSSLab. Dando vida al tiempo / Giving life to time Selecciona tu idioma / Select your language: This simple plugin helps you to give more life to the boring timelines.

jQuery Timelinr ↩ CSSLab

Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc. Last stable version: 0.9.54 Configuration: Include the jQuery library and this plugin: Inicialize-it with the default parameters: $(function(){ $().timelinr();}); 15 Creative Website Designs For Inspiration. Oct112011 Internet has lots of inspiration in it, whenever you open your browser and type a URL, you are taken to a new world of inspiration, these website designs says lots of things if you could able to understand these. A website structure always be a key feature to attract visitors, as first impression is the last impression. If your site is not beautifully designed then no one or very few will visits your site whether you are giving the best services.

NIH Enterprise Architecture - Home. Beta: Turning Your LinkedIn Resume in Infographics. There seems to be a commercial market emerging around the idea of automizing the creation of infographics. Beta: Turning Your LinkedIn Resume in Infographics

Toronto based start-up [] is currently developing an online application that can automatically translate any online LinkedIn profile into an online infographic. In particular, the new service aims to overcome the issue of reading overly long or highly complex resumes by showing the same information in a more readable and attractive way.