tag: javascript

Animated CSS3 cube using 3D transforms

3D cube interface using new WebKit transforms

Last week WebKit included the much antic­i­pated (at least on my part) 3D trans­forms in its lat­est nightly build, announced prac­ti­cally along­side the awe­some Snow Stack demo that pro­vides a 3D inter­face for brows­ing Flickr images (use left, right and space-bar). Today the Surfin Safari blog has updated with some more excit­ing demos, includ­ing “Mor­phin Power Cubes” and “Poster Cir­cle”. It is now pos­si­ble to cre­ate all sorts of crazy three-dimensional and ani­mated user inter­faces; the power comes largely in -webkit-perspective and a num­ber of updated transforms–adapted to incor­po­rate the Z axis.

Read More »

Moving markup towards HTML5

Hav­ing read John Resig’s “HTML5 Shiv” arti­cle and Remy Sharp’s “HTML5 enabling script”, it felt like the right time to begin the full fledged migra­tion from XHTML to a cross browser com­pat­i­ble HTML5 blog. All in all the process of updat­ing the tem­plates was pain­less, tak­ing about an hour or so to mod­ify the Word­Press Sand­box theme.
Read More »

Track outbound links using Google Analytics

“Track every­thing”, lest vital vis­i­tor trends fall through the cracks — that’s my newly endorsed web ana­lyt­ics doc­trine. As a pre­cur­sor to the quan­ti­ta­tive ‘what’ and the qual­i­ta­tive ‘why’ we need that cold hard data before analy­sis can begin; Google Ana­lyt­ics is the pop­u­lar har­vester of choice and out of the box it grabs a lot. Vis­its, Pageviews, Screen res­o­lu­tion, et al — GA seem­ingly has all your con­ven­tional data needs cov­ered. But one sig­nif­i­cant trend is lack­ing — how vis­i­tors leave your site, specif­i­cally through out­bound links on a page, data that inevitably leads to a what and an avenue for inves­ti­gat­ing the why. For instance, “Which part­ner sites are attract­ing the high­est click throughs?” or more gen­er­ally “Why do vis­i­tors leave my site?”.
Read More »