Animated Gauges With HTML5 Canvas: Gauge.js

Post pobrano z: Animated Gauges With HTML5 Canvas: Gauge.js

Advertise here with BSA

Gauge.js is a slick script for creating animated gauges with JavaScript (Coffeescript) in HTML5 canvas.

The script is standalone (jQuery is supported but not required) and doesn't use any images or CSS.

Gauge.js

It has 2 built-in interfaces (both looks very nice) and responds very well to value changes by animating the gauge.

There are options to set the animation speed, default/min/max values, colors and more.

To sum up, Gauge.js is a very handy script to visualize regularly changing (live) data.

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Gantt Charts With PHP – Gantti

Post pobrano z: Gantt Charts With PHP – Gantti

Advertise here with BSA

Gantti is an open source PHP class for generating Gantt charts on-the-fly.

The charts created are pure HTML5-CSS3 with no JavaScript involved. The output looks very nice by default but can be customized with ease (with SASS stylesheet).

It simply works by defining an array of start/end dates and calling a single function. Also, charts are cross browser (IE7+).

PHP Gantt Class

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Generator For Creating Pure CSS3 On/Off Flipswitches

Post pobrano z: A Generator For Creating Pure CSS3 On/Off Flipswitches

Advertise here with BSA

Proto.io, a mobile prototyping service, has created a handy generator for quickly creating on/off flipswitches.

The switches are built with pure CSS3 and it is possible to customize the look completely.

CSS3 On/Off Switch

It also comes with pre-defined styles for iOS4, iOS5 and Android as well.

P.S. In order to add functionality to such a control, it would be a good idea to listen to the "state" of the switch and add our custom events accordingly.

Advertisements:
Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Colgate Dental Floss: Fishing With Dental Floss

Post pobrano z: Colgate Dental Floss: Fishing With Dental Floss

yr   colgate   woman fishing

yr   colgate   man fishing

yr   colgate   child fishing

Advertising Agency: Y&R, Sao Paulo, Brazil
Chief Creative Officer: Rui Branquinho
Creative Directors: Rui Branquinho, Flavio Casarotti
Art Director: Felipe Pavani
Copywriter: Raphael Quatrocci
Art Buyer: Monica Beretta
Print Agency Producers: Elaine Carvalho, Flavio Zamboni
Account Managers: Valeria Ordonhez, Claudia Menezes, Felipe Wanderley
Planners: Fernanda Flandoli, Eliana Yamaguchi, Adriano Eliezer
Media team: Gustavo Gaion, Fabiola Sidorenko


Kumon: Daily Fun Math

Post pobrano z: Kumon: Daily Fun Math

presentation board_kumon

Advertising Agency: GREY group, Jakarta, Indonesia
Executive Creative Director: Randy Rinaldi
Creative Group Head: Nicholas Kosasih
Graphic Designers: Irene Saputra, Kevin Reinaldo, Aditya Pratama, Nicholas Kosasih
Copywriters: Andika Pandjaitan, Randy Rinaldi
Typographers: Irene Saputra, Kevin Reinaldo, Aditya Pratama, Nicholas Kosasih
Mock up Artist: Budi Tattoo
Print Producers: Imansoe, Pak Untung
Chief Creative Officer: Ali Shabaz
Account Management: Randy Rinaldi