Jump to Navigation

Recent posts tagged CSS3

Making a set of timezone clocks using PHP, jQuery and CSS3
21 Aug 2011

Code experiments

Bytes and megabytes conversion calculator
Convert between memory units
QR code generation using the Google API
QR code generator
Image layout - size calculator
A calculator for image size
images, layout, sizing
PHP International Language and Locale codes demonstration
PHP internationalisation example
Hashing functions
PHP hash functions
hashing, passwords, PHP
Date format demonstrator
Demonstrates the PHP date formats
date, PHP
Image resizing calculator
A quick calculator for image resizing.
images

PHP / jQuery / CSS3 timezone clocks

Clock animation for multiple time zones

Here is an animated analogue clock, using PHP to show the time in multiple time zones. It's based on a tutorial at CSS Tricks by Toby Pitman.

If you'd like to see how it's done, read the blog post.

GMT

  • 01:33:18

Los Angeles

New York

London

Paris

Moscow

  • 05:33:18

Tokyo

  • 10:33:18

Sydney

  • 11:33:18