- All Topics:
- apps
- css
- dashboard
- games
- javascript
- php
- tehcl
- textmate
- tools
- video
Topic: css
- published:
- 2009.02.17
- topics:
- css
- javascript
WebKit based browsers like Safari have had CSS Transforms for quite awhile now, allowing developers to skew, translate, rotate, and scale HTML elements or the entire page with CSS alone. The Firefox 3.1 betas also now have CSS transformations. These CSS properties can also be animated with JavaScript, although finding documentation for how to do it in Firefox 3.1 was a bit of a hassle. Let me show you how it is done.
- published:
- 2009.01.19
- topics:
- css
Iterative Development
Ground control didn't like zachstronaut sitting on the launch pad with a storm of content brewing just off the coast (there is a lot of stuff I've been eager to post online), so the site blasted off a bit early. Because of this there are a couple of areas in particular that I plan on redesigning and/or re-factoring later: comments and the projects page.
Fixed Positioning Fun
The design for this site — with the rocket that blasts off as you scroll and the lunar horizon that rises to greet you with the footer — was accomplished with some clever use of CSS, specifically: position: fixed; and background-position: fixed; All of the pixel artwork and icons I did by hand. The craters on the moon were especially fun to draw.