After spending weeks on end coding around the quirky demands of today’s browser space, occasionally it’s nice to design for a completely controlled environment.
Mac OS X is proving more and more useful the further I dig in, and lately I’ve been playing with the built-in web server. Apache and PHP come pre-installed, you just have to turn them on.
I’m running my localhost web server from ‘Diemos’, the secondary partition that also stores my project files. Setting up aliases is proving useful, so that while my directory structure looks something like this:
- Projects |- Bright |- web |- mezzoblue |- (Other Projects) - www |- bombay |- delhi |- wiki |- zen - (Other Directories)
…I can point virtual directories outside of the ‘www’ directory, which serves as my root. So throwing all my Bright Creative .php files in
/Diemos/Bright/web/ is accessible as
http://localhost/bright/. Next step: virtual subdomains so I don’t need to keep setting a root addess variable in PHP.
Anyway. The point of all this is that I put together a very basic page to serve as my test site’s root index. My primary browser is Safari, so I took the opportunity to play with the new
text-shadow CSS property. (Hit the thumbnail link if you’re not using Safari). Combining this with a bit of
opacity (upcoming in CSS3, supported now) a bit of generated content, and some guaranteed, non-standard font choices, I’ve caught a glimpse of where CSS is going. I like it. A lot.
No images were harmed in the making of this page, it’s all pure CSS effects. Here’s to 2011, when we might even be able to use this stuff.