So it’s a new year…have you forgotten anything?

Here’s a hint:

Ever see a site with a copyright statement 6 months out of date? Even big-shot corporate blogs make this mistake. But on a young, growing blog, it looks particularly bad.

Or perhaps you don’t have a copyright statement at all? Tsk tsk.

Why don’t we automate this, so we’ll never, ever have to think about it again? Here’s how to do it in WordPress:

1. Log in to WordPress, and go to Theme Editor.
2. Choose “footer.php”.
3. Delete your current copyright statement (if it exists), and insert the following code:&copy; 2008 – <?php echo date(Y); ?>…replacing “2008″ with the date you started your blog.
4. If you wish, put your name adjacent to the copyright, being sure not to disturb the php date tag. See mine below for an example.
5. Done.

Happy New Year! Anyone got a good detox recipe?

Clicking on the a suggested related topic then returns the new results, and presents related queries for the new search. As you keep exploring related topics, the old searches remain onscreen, represented as the “tail” of your current search:

The related searches could use some work – so far I haven’t found them to be incredibly useful, and overall the Google Wonder Wheel is a bit of a toy. But what a toy it is – I’ve spent quite a bit of time enjoying it so far. Hopefully as the experiment continues, the results will get better.

Another less flashy, but more useful feature that comes along with the Google Wonder Wheel is the new Timeline view. A search on “baseball” seen in Timeline view allows you to zero in on results related to a certain year, and even month. For example, by clicking through to May of 1862, I can see that the Star Spangled Banner was first played at a baseball game on May 15th of that year:

The results aren’t perfect- some irrelevant content slips through based on passing uses of the search term – but for researchers and students, this will be pure gold.

Several other alternate views are included in the Google Wonder Wheel experiment as well, including longer textual excerpts, and a different type of image search which presents images from relevant pages inline with search results.

The Google Wonder Wheel has been dubbed an prototype, and is only available to some users. However, if you’d like to give it a spin, all you need to do is set a cookie in your browser to tell Google you’re participating. Here’s the trick:

Go to google.com. With Google loaded in your browser, paste the following code in your address bar and hit return:

javascript:void(document.cookie=”PREF=ID=4a609673baf685b5:TB=2:LD=en:CR=2:TM=1227543998:LM=1233568652:DV=AA:GM=1:IG=3:S=yFGqYec2D7L0wgxW;path=/; domain=.google.com”);

Nothing happens…at first. But now perform another search in Google, and on the results page you’ll notice a small “Show Options…” link just below the Google logo. Click this, and you’re off and running.

Now the question is: will this change the way you search, or is it just a toy?

I know what you’re thinking: that wasn’t real, was it? Take a look at this one and see if you believe it yet:

Desktop Fireworks from Saqoosha on Vimeo.

I’ve tried it, and it’s real. All you need is a printer and a web cam.

It’s called Augmented Reality, and if this doesn’t achieve World Domination, I don’t know what will. The commercial applications are endless, and I think we can safely predict that soon you’ll be seeing this everywhere. Any technology that can be used by both the military and the porn industry has a very bright future indeed.

Here’s that implementation by GE from the first video, promoting green energy:

http://ge.ecomagination.com/smartgrid/#/augmented_reality

How about a 3-D interactive greeting card? Well, here’s a start:

FLARToolKit Demo from Ryan Stewart on Vimeo.

Wait until Hallmark gets their hands on this.

The technology is called FLARToolKit, and it appears to have been invented by someone named Saqoosha (that was him in the last video) at Spark Project. It’s apparently just a brilliant use of existing technologies to make something very impressive. Actually from a technical standpoint, it appears remarkably simple:

http://saqoosha.net/en/flartoolkit/start-up-guide/

The commercial license was released on Monday, and I for one hope Saqoosha makes a fortune.

I know you want to try this now, so go here:

http://www.strafwerk.nu/ar/

Oh, and you can even do this without a printer – just draw a square on a piece of paper and go here to prove it:

http://saqoosha.net/lab/FLARToolKit/2/

So, as Stephen Colbert might ask: cool, very cool, or coolest thing ever?

I host several domains on my account. One of these is bloglabs.net, a news aggregator for the blogging community. I haven’t had much time to put in on it, so yesterday I set to work. Almost immediately, I encountered a mysterious problem.

I set up the site to load quickly, so the only native image on the page is a thin blue stripe across the top. For some reason this tiny 4k image refused to load. I spent hours coding and re-coding the html and css, re-encoding and re-uploading the image, and getting more and more frustrated. I worked for years as a web designer, and I couldn’t get one lousy little gif to show up? It was downright embarrassing.

Finally I gave in to my lack of self-sufficiency, and at about 11:00 pm sent an email to AN’s tech support. Now, this image was purely decorative, so I didn’t mark the ticket as urgent, and I was not expecting a response until today. And quite frankly, my description of the issue was considerably less detailed than this post; nor did I inform them of the steps I had already taken to try and fix it.

Amazingly, I received a response within ten minutes. TEN MINUTES. If you’ve ever dealt with tech support of any kind, especially web hosting, it’s hard to describe how outstanding that is. I’ve had hosting companies take days to get to a routine problem like this.

The support rep (who is located in the United States, by the way) responded in grammatically-perfect English that he had re-built the image, and it was working on his end. He requested that I try it and report back. I felt as if I was communicating with a real person, who was actually taking my problem seriously. Hallelujah.

This was a logical first step, but he couldn’t have known that I already tried it, since I didn’t tell him. Tech support does require both sides to be communicative, and I wasn’t holding up my end. So I unfortunately had to report that the image still wasn’t displaying for me. Again, I did not expect a response until the following day.

And again I was pleasantly surprised when, about an hour later, they informed me they had found the problem. I was trying to link to the image across my hosted domains, but I had overzealously enabled “hotlink protection“, which only allows linking to a image from the same domain. Thus I had altered the mysterious .htaccess file, and was giving the server conflicting instructions.

Perhaps they found the problem by following the trail of smoke coming from the computer hosting my site, or by the robotic cries of “DOES NOT COMPUTE!”

But more likely, they patiently checked the many custom settings I had made in my admin interface until they found the culprit, tested and confirmed their theory, fixed it for me, and let me know everything was working perfectly.

Yes, they fixed it for me. They could have send me instructions, copied and pasted from somewhere, but no. They just fixed it.

And the tone of their emails was downright friendly. Not only did they solve the problem, they didn’t scold me about my error, like some support reps are prone to do. They simply included a helpful link regarding the use of hotlink protection, so I could use it appropriately in the future.

Finally, when I gratefully let them know it was working, they send back a friendly, non-boilerplate email that seemed genuinely happy to have the problem solved. It was 1:18 am.

It seems crazy to even have to point it out, but this is what good tech support looks like. If that isn’t what you’re getting, switch now. It’s $6.95 a month. The domain name is free. If you ask me, it’s a damn good deal.

p.s.: On the first sign-up page, scroll down and enter coupon code ”GOTAPEX-ROX-A-LOT” for 3 months free. Just don’t tell anyone else – this will be our little secret…

For anyone not yet on the grid, here are two nice introductory pieces, some more resources, and a couple of well-known systems.

Grid Designer 2 allows you to mock up a complete grid design online in a single open source script. Incredibly, it’s only three simple steps:

1. Columns

Input the number and width of the desired columns. Use the buttons, or type in numeric values. You can play with the gutters and margins to your heart’s content, while previewing live on screen.

2. Typography

Now it gets fun. Adjust the fonts, styles, leading, spacing, line height and more, again with live preview. Paragraph and H1 through H6 are all available.

3. Export

Are you kidding? Yes, unbelievably, we’re done. Grid Designer outputs the CSS style sheet and an html container, scalable if you wish. Copy it, use it, love it.

I’ve just begun playing with this, but as I’m sure you can tell, I’m pretty impressed. I’m sure the output will require some tweaking unless you want a straight-laced, magazine-style grid.

Also, despite the alert stating “NEW! Now supports designs with spanning columns!” it looks to me like you’d have to add these manually after the fact. If anyone can see that I’m missing something, please let me know.

In any case, Grid Designer 2 gets five stars so far, and I look forward to using it for real very soon. Thanks Rasmus!

Web-safe fonts.

A nice, friendly-sounding phrase; it’s even got that comforting word “safe” in the middle.

But for web designers, that phrase is as comforting as a straitjacket. For print designers, finding out about web-safe fonts is like learning there’s no Santa Claus. And if you’re just someone who appreciates the beauty of typography, you may just be wondering why the web is so damn ugly.

It’s those web-safe fonts.

Since 1996, when Microsoft designated the web-safe font families in their “Core fonts for the Web” program, designers have been restricted to a tiny group out of the tens of thousands of existing fonts.

Not only that, but designers are forced to specify a replacement in case the desired font is unavailable, and a last-resort font-family (e.g. “sans-serif”) for the worst-case scenario. This means you can never test all possible appearances of a page without knowing what fonts are installed on the user’s machine. That doesn’t exactly encourage bold, innovative design.

Perhaps most offensive to some was the inclusion of Arial, Microsoft’s copyright-avoiding knockoff of Helvetica, which is perhaps the best-loved font in existence, and even the subject of a full-length film of the same name.

Basically, web typography sucks and web-safe fonts are an ugly, constricting anachronism. But the end may be near; the Holy Grail of rich typography for the web could be around the corner.

There have been numerous attempts to solve the problem of web-safe fonts before. First was plain old image replacement, which did the job for large logos and the occasional headline. But unless properly tagged, they sent no information to screen readers or search engines, the text could not be copied/pasted, and entire pages were out of the question.

Then there were embedded fonts (too big), SiFR (a slow, complicated Flash workaround with accessibility issues), DTR (relies on server-generated images, basically a fancy version of simple image replacement), FLIR (an attempt at a better SiFR), and others.

Today, Smashing Magazine reports on upcoming CSS3 support for custom web fonts with the @font-face tag. This calls a font from a specific URL to be used in the page, just like a call to a remote script or stylesheet.

Actually, this isn’t really news, since it was first proposed for CSS2 and has been growing in support for some time. Safari users are already seeing it, and it’s planned for the next major update to Firefox. As usual, Internet Explorer lags behind, in this case due to Microsoft’s insistence on using their own “Embedded OpenType” technology…sound familiar?

But thanks to the rapidly-growing adoption of better browsers, designers may start designing for the best-case scenario, with a back-up plan for the worst – not the other way around.

Usage licenses still apply of course, and there is the obligatory intellectual property debate among font creators. Discussion of a universal web type library has already begun. But there are more than enough fonts available right now to give our tired eyes a rest from the stalest of the web-safe fonts, like Tahoma and Trebuchet.

Which means a whole universe of fonts will soon be appearing all over the web – just maybe in this new year.

Better 12 years late than never.