http://azureabstraction.com/

Here is a summary of the features of the new design:

• HTML5 — I used header, sectioning elements and an IE8 shim.
• Typekit — This is for the fancy web fonts.
• OOCSS grids — This is Nicole Sullivan's CSS framework.
• Responsive design — The basic scheme is closely related to the grid system.
• Advanced CSS — Take a look at the Flickr stream; it was tricky.

Interestingly, the old design used an early technique similar to responsive design: the horizontal columns collapsed into one vertical column depending on the page width. This was accomplished using floats, percentage widths and something to cause overflow. The new design goes much farther with responsive design, and applies subtle changes to the layout to fit any size screen. Unfortunately, I was unable to use responsive image techniques for my Flickr stream, due to the complicated css to center the square images. I may revisit that, although the technique is impressive in its own right.

This is a screenshot of the old design, for comparison:

Sarah and I walked around the neighborhood that afternoon, taking pictures and enjoying the change of pace. There were only a few cars on the streets; people brought out whatever makeshift sleds they could find — we saw garbage can lids, plastic bags — even a cookie sheet was pressed into service. People were friendly, perhaps because the only ones out wandering the streets were those who were determined to enjoy it. We devoted the rest of our day to drinking tea, and watching the snow accumulate outside our windows. After night fell it grew even more peaceful. The snowflakes fell past the streetlights in endless succession.

Early Thursday morning the freezing rain hit. This is hardly a positive thing from a practical standpoint — a snowy road merely wants to impede your uphill progress, whereas an icy road actively tries to kill you. It causes power outages and property damage from ice-clad tree limbs breaking. However, from a photographic perspective, the thin layer of ice adds a new vibrancy to everything, refracting light at the edges of all the plants, preserving the delicate forms in clear amber. Against the white of the snow, and the shadows of trees and buildings, it's perfectly irresistible.

So I went on a meandering walk to our local tea haunt, Teahouse Kuan Yin. On the way there, I stood beneath a large cedar tree, trying to find a picture of ice on its leaves. At the time, the major precipitation was small, light ice pellets instead of snow, and I noticed that the tree gave no protection against them. Unlike rain and snow, which change their character as they fall against a tree, accumulating on the edges, or coalescing into bigger drops, the ice pellets just bounced through it like a giant rain stick. They made a sound, too, a light rattle, a little like falling grains of sand. I thought of the tree as an hourglass, slowing time for the ice crystals on their way toward the ground, and it was strange and otherworldly.

The one thing I regret is that I didn't have skis. When I walked up near Fremont Peak Park, I felt that the most amazing thing would be to ski the backstreets of Upper Fremont, to glide past parked cars and around the traffic circles, and then fly down the slopes of Fremont's ridgeline. I hope I'm prepared the next time we get snow like this.

Large candles bother me. They always seem to demand: consume me. I start to light them out of obligation rather than to create ambiance. I think, "When will this be over?" When the flame is hidden deep inside tall walls of wax, it's hard to tell if there's anything still alive down there.

Give me a tea light or a taper over a pillar or jar candle any day.

At work (and off work) I think a lot about web design, api design, information architecture, and complementary subjects. If I don't write about any of that, there is no way I will be able to write consistently. If I don't write consistently, I won't write at all. Most importantly, there are ideas in my head that need to be recorded in order to critically examine them. There are small javascript projects that should be out there for others to learn from or critique. This blog, at least for now, is the best chance for that to happen.

So I'm going to try an experiment. I'm going to mix articles about my life with articles about design. Maybe it'll take us somewhere new and exciting.

What else do you lose in the transition from the printed page to the digital page? Professional typesetters cannot apply many techniques they relied upon when the dimensions of the page were known. Perhaps they'll be able to fall back on responsive design or its successors. Typography has gained a lot of traction in the web design world in recent years, so this could mean a lot more crossover between the two disciplines.

In any event, printed books will be around for a long time yet — there's too much momentum there for them to fizzle out in an evening, even if the competing formats were entirely mature. e-books are harder to sell in your brick-and-mortar store. You can lend your paperback copy of Dune a friend, or donate it to a library, or even burn it if you're so inclined. There are many tangible benefits, so to speak.

As for me, I only buy books that I plan to re-read, or that I want to refer to later. If I can't find a package that pleases me (well-designed cover, reasonable condition, no "Now a major motion picture" blurbs) I tend to postpone buying even my favorite books. If I find a better version, I'm very tempted to upgrade. My shelves, though extensive, are a slim selection of the books I've enjoyed reading and would recommend to others. I hope that small press editions like those of Subterranean Press will remain popular even as e-books consume more of the market, so that my gradual accumulation of my favorite books can continue long into the future.

Note that these are all my thoughts as a web designer and a lover of books; I possess only a passing familiarity with typography and that whole industry.

The iPhone has changed my habits somewhat. It is a phone, an mp3 player, a camera. It is a browser with a small form factor. It is a wizard-worthy map with a built-in compass (you still have to pull over to use it when driving). This multiplicity of function is perhaps transformative: it becomes more than the sum of its functions. A camera that can place your photos on a map? A phone that takes pictures of your contacts, or saves a link to that restaurant's web site? An oracle which can tell you what popular restaurants are open nearby, no matter where you are? I have known about all of these things conceptually for years, but experiencing them myself is really cool.

The most trite observation about camera phones, and one that I feel obliged to repeat, is that the best camera is the one that is with you. Last night I took a video of dry ice steaming in the rain. Last weekend we went to the zoo and all I brought was my iPhone. After a fancy dinner a couple weeks ago we stopped by Kerry Park on the way home, where I was able to take a picture of the Space Needle with its head in the clouds (the picture isn't that great due to the low light and inadequate zoom, but it's a good memory-jogger). My d90, while truly beautiful and amazing, was not ideal for any of those trips (though if I hadn't had a smartphone I would have brought it on the walk). I will enjoy seeing how far improvements of lens and CCD technology can go in eliminating the need for mid-range cameras (cf. Olympus Stylus, my old digital camera).

It is a great thing to have at hand while reading a book — unlike a laptop, I don't have to set my book aside when I look up a term on the iPhone. I reach for my laptop less often these days. In addition, I have actually started using Twitter. Previously it was a pain to get on Twitter to see updates; now I can check multiple times a day in a brief bored moment. I don't know that this is entirely a good thing, though. Perhaps I would instead have started thinking about something interesting, or started in on a creative endeavor. Then again, maybe I would just have been bored and unproductive for a few minutes. In any event, it's a habit that deserves to be questioned, and reigned in if it proves detrimental.

There are a few limitations of the device that I find frustrating. One is the number of steps required to do anything on a screen this small. Menus are sparse: if you want a slightly less common function, you have to go to a "More" menu or hint for it. It is decidedly non-obvious what features a phone will support. Features exposed by gestures such as click-and-hold are non-standardized and spotty. Apple has done a lot to standardize their UI conventions, but developers do not always follow these recommendations (and when they do, they do not do so either perfectly or uniformly).

The second limitation is typing. Typing makes browsing on an iPhone a less pleasant experience. I am used to popping open new tabs to look up a term, keeping a queue of things to read, and easily searching the current page for words. It makes passwords a pain-and-a-half, because strong passwords require a good mix of characters from different keyboards (for the uninitiated, iPhones have different keyboards optimized for words, numbers, punctuation, even email addresses and urls; the phone cannot fit a full keyboard at anything like a usable size). If I need to do anything involving serious browsing or content creation, I switch to my laptop.

That's the first round. I'm still forming my conclusions, so expect more updates as the months go by.

Of course, neither of us will ever win: there's a never on both sides of the equation.