Wednesday, March 30, 2011

Rotating elements

Looking for an easy April Fool's gag? Look no further.

-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -o-transform: rotate(180deg);

Of course, there are probably practical uses for this as well...

Monday, January 10, 2011

iPhone default zoom

I just spent an hour of my life that I'll never get back trying to figure out why my website was displaying at minimum zoom on the iPhone. Here, let me save you some trouble:

<meta name="viewport" content="width = 320" />

The iPhone's default width is 960 pixels. The above meta tag tells it that that's dumb, and please display the page like a normal mobile device.