Rick Roll IE

August 24th, 2011

The other day on twitter, John mentioned that there should be a Rick Roll for IE. Blake thought it should be a javascript plugin. I realized that you could do this with conditional comments and no fancy javascript at all. So without further ado, introducing Rick Roll IE:

<!--[if IE]>
<meta http-equiv="refresh" content="0;url=http://cl.ly/9Xcd"/>
< ![endif]-->

Oh, and it’s on GitHub. Just in case.

Conan 2011 Commencement Speech

June 28th, 2011

Fantastic speech by Conan O’Brien.

Gem for me is:

It is our failure to become our percieved ideal that ultimately defines us and makes us unique.

WebVisions 2011

May 30th, 2011

Just posted my slide deck on Slideshare for those of you who came to WebVisions last week. Huge amounts of thanks to Brad Smith for pulling together a great event and all the attendees and presenters I had a chance to meet last week.

Fishing for lte IE8 CSS3 goodness

April 7th, 2010

So I’m working on getting a button with a gradient background and a background image to work on a project. Happily, Firefox, Safari, et. al are playing nicely. Sadly, IE isn’t. What’s new right? I’m looking for a work-around so I don’t lose my gradient in IE. I’d like to keep the icon, but right now I don’t see anyway to avoid losing it and just using text.

Anyone have an idea? Code snippet below (Yeah, I know it’s not fully semantic and the snippet blows my layout. I’m working on it, the layout that is.):

.button,
input[type="button"] {
	color: #474747;
	border: 1px solid #bfbdb7;
	border-color: #c9c9c9 #b3b3b3 #9a9a9a;
	border-color: rgba(150,150,150,0.4) rgba(128,128,128,0.4) rgba(77,77,77,0.4);
	font-family: "Helvetia Neue", Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 -1px 0 #8c8a7e;
	-webkit-box-shadow: 0 -1px 0 #8c8a7e;
	box-shadow: 0 -1px 0 #8c8a7e;
	box-shadow: 0 -1px 0 rgba(64,63,57,0.6);
	background: #e8e5de;
	background: -moz-linear-gradient(top, #eae8dd 45%, #c9c7bb 55%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #eae8dd), color-stop(55%, #c9c7bb));
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorstr=#eae8dd, endColorstr=#c9c7bb)
			progid:DXImageTransform.Microsoft.Shadow(color=#8c8a7e,direction=0,strength=0);
}
.print-button {
	background: #e8e5de url(../images/icon-16-print.png) no-repeat 6px 3px;
	background: url(../images/icon-16-print.png) no-repeat 6px 3px, -moz-linear-gradient(top, #eae8dd 45%, #c9c7bb 55%);
	background: url(../images/icon-16-print.png) no-repeat 6px 3px, -webkit-gradient(linear, left top, left bottom, color-stop(45%, #eae8dd), color-stop(55%, #c9c7bb));
	padding-left: 28px;
}
.button:hover,
input[type="button"]:hover {
	color: #4c7204;
	border-bottom-color: rgba(77,77,77,0.5);
	border-top-color: rgba(150,150,150,0.5);
}

Acid 3 and Mobile browsers

February 17th, 2010

The other day as I was watching the new Blackberry browser demo from the World Mobile Congress, I saw something that astounded me: The Acid 3 test. I hadn’t thought of how mobile browsers did with this test before. Never even crossed my mind. But now it had, and my curiosity was piqued.

So I tested out the browsers on my wimpy TreoPro. Surprisingly, my default (the excellent Iris Browser, aka the new Blackberry browser) had a perfect score! Then came Skyfire (52/100) and IE (I couldn’t tell if the test even started.) I have also downloaded Opera 10 Mobile beta and it scored a respectable 97/100.

Unfortunately my resources are limited, so I don’t have results for other devices and their browsers, except for a friend who ran Mobile Chrome on his Droid on Verzion (93/100). If you could test your mobile browser with the Acid 3 test and drop them in the comments, I’ll put together something that we can all use for reference. I’m not just looking for smartphone browsers like Mobile Safari. I want feature phone browser results too.

The Kelmscott Chaucer

October 9th, 2009

Kelmscott at end of Kelmscott Chaucer

William Morris and Edward Burne-Jones c. 1890Toward the end of the 19th century William Morris—considered by many to be the father of the Arts and Crafts movement and the first Designer, I think, of the modern age—published what many consider to be a masterpiece of printing: The Complete Works of Geoffery Chaucer. Chock full of stunning woodcut illustrations by artist Edward Burne-Jones, this gorgeous book was published by Morris’s Kelmscott Press in 1896 just months prior to his death. This stunning book continues to inspire designers and artists today, the only problem, it’s hard to find images from it online.

Going back in time about two years ago, I discovered that my then current employer had a copy of it in their library—employee access only. Oh the thrill of excitement I felt when I learned this! Well, it took me a few months to find the time to go visit said library and request the opportunity to view it. The librarian gave me and my fellow co-worker an odd look. We after all worked for at a world-renown medical center, why would we want to see this? It had nothing to do with medicine. (Little did they know…)

After putting on the required cotton gloves, I opened the massive book and we drank it in, page after beautiful page. (It is a big book if you’ve ever had the chance to view it in person, the dimensions are approximately 11-inches x 16-inches and it’s got nearly 600 pages.) An hour later, we went back to our offices inspired, but I had forgotten my camera. Doh!

Fast forward a few weeks later, I’m preparing to leave for a new job and remembered that I wanted to go take some pictures of the Chaucer. So on my second-to-last-day, armed with my trusty point-and-shoot camera and an appointment, I headed back up to the library.

The librarian was different this time. She was also more protective. At first, she offered to let me photograph a “reproduction”. A black and white, half-sized version of the book. Sadly, I started thumbing through it. I looked at the running headers on each page and asked where the red was. Surprised, I was answered that there was no red ink. Countering that, yes there was, would you please check? I was again granted permission to view Mr. Morris’s masterpiece.

Moving as a faster pace that I wanted—librarian hovering nervously, worried I’d hurt the binding—I turned the pages and snapped as many pictures as I could and left. I would have loved to have spent a few hours soaking in the beauty of this book. Returning to my desk, I downloaded and shared with everyone in the office, then set about moving from Minnesota to Utah and a new life.

An illustration from the Kelmscott Chaucer

These pictures have now languished in my photo library for nearly two years. I took them fully intending to share them, but at the same time a little nervous with the quality of some of the pictures. I did rush through when I took them. Well, I’ve overcome that fear. I’d rather share these as a source of inspiration for the larger design community now. Someday I hope I’ll have another chance to personally turn the pages of an edition of The Kelmscott Chaucer. Maybe by then I’ll have a better camera and more time. Until then, enjoy!

Well, what are you waiting for? Go view the photos!

Pictoral Webster’s

September 24th, 2009

Very cool. (via @Coudal)

Windows Mobile Review and Survival Guide

August 22nd, 2009

Disclaimer: I’m an unapologetic Apple user. I used Windows PocketPC/Mobile/Phone nearly a decade ago, and wasn’t impressed with it then. Having seen it from time to time since then, it’s never been something to fill me with warm fuzzies. Needless to say I was prepared—nay, dreading—getting this phone because I knew I would be greatly disappointed with it. Unfortunately, even my lowest expectations weren’t met. Windows PocketPC/Mobile/Phone hasn’t really changed other than in name in nearly a decade. Sure, it’s added Bluetooth and WiFi and other functionality, but it’s still Windows being to be Windows.

Normally, I’m not this down on a piece of technology. I will regularly try something new, but when it fails as spectacularly as this phone has, I’m really down on it. Before you say, “Get an iPhone dufus!”, I’m using this device as a means to an end. Eventually I’ll switch to a Pre or iPhone, but it won’t be soon, and it’s most definitely going to be a frustrating experience for me until I do. (And yes, I’m still torn between the two. They both have their pluses and minuses. Anyone care to get me one?)

Introduction

A few months ago, my employer made the decision to switch over to Sprint and Windows Mobile devices as a cost-saving measure. I said goodbye to my trusty Verizon BlackBerry and hello to something less. Suffice to say, my overall enjoyment of my mobile experience has plummeted as a result. Our choices were between the HTC Touch Pro (Brick), HTC Touch and Palm’s Treo Pro. Palm’s struggled recently, but after looking at the other options, it appeared to be the better choice for me.

Sadly, how it looks is a far cry from how it performs. I’ve heard from coworkers that the Treo’s the better of the three choices. Some HTC Touch Pros are dying after normal usage after only a couple of months. (I won’t mention that answering calls has been difficult for them…) As a result, I spent some time digging up some help via third party apps to make the phone a little more usable until I’m able to get either a Pre or iPhone. Have you ever tried to find third party Windows Mobile software online? It’s nearly as bad as trying to find Windows software. There’s a reason why App Stores are taking off.

My initial plan was to publish this shortly after receiving my phone, but I got busy. After living with this phone for a few months, my thoughts have gelled and I feel as if I have a more solid footing to stand on talking about this subject. Sadly, most of my initial reactions haven’t changed. This isn’t some technical, in-depth review so don’t expect it. It’s my personal take on what I’ve experienced and how I’ve dealt with the my employer-provided device. Without any further ado, I present my Windows Mobile Review and Survival Guide:

Basic Functionality

Phone: When you have to think about how to use one of the core functions of a phone, and still get it wrong a fair percentage of the time, there’s something fundamentally wrong with the design of the phone’s OS and/or the device’s form factor. I’ve had the phone for a few months and this past week my wife finally figured out how to make a call from it. My kids have no clue how to make a call, and it’s not from the lack of trying.

Ringtones: Default ringtone’s okay. Figuring out how to change it and actually change it, miserable.

Screen: It’s nice and bright. Tapping is hit and miss with my finger. As with other Palm devices, you can tap with just about any kind of hard material that’s vaguely shaped like a stick. My screen was scratched within a month of normal use. Sad. Oh, and don’t get me started on the click-the-center-key-to-turn-on-the-screen-then-click-the-center-key-again-to-unlock-the-screen-so-I-can-enter-my-password-then-tap/click-to-really-unlock-my-screen issue. (Part of this is employer-mandated security, but criminitly, it’s absurd!)

Calendar: It’s so obtuse to figure out that I hardly use it. The only decent feature that works is the alarms.

Messaging (Email, SMS, etc.): My use of text has dropped off to the level where I almost never send text messages. Why would I want to tap through 4 screens to send a text? It’s ridonculous. Email’s just as bad. The only time I really look at something is when I have mail, and need to reply. (Replying to All requires 3 taps/clicks.) Again, it’s a core bit of functionality for my device and I hardly use it because it’s a burden to do so.

Clock: Normally this hardly bears mentioning, but I had to go out and find a third party app that met my needs for this because the system defaults were woefully inadequate.

Battery: If I use it to make calls and limit all other uses, my battery will be dead in less than half a day. Even when it just sits on my desk in standby mode. And there’s no way at all, other than physically removing the battery, to turn the phone off. Lame.

Camera: The lone highlight of the phone for me is the 3MP camera. It takes decent pictures and I can actually send them out to my Flickr account fairly easily (mostly thanks to Flickr for making it easy and me for adding their addresses to my contacts.) But I prefer to use my cheap 10MP point and shoot.

Apps

Browsers: I don’t do a lot of mobile browsing anymore as the form factor of the Treo makes mobile browsing more of a chore than enjoyment. (The screen’s too small.) To me it’s a utilitarian function of this phone, not something I’d do for fun or to kill time. Which isn’t what I’d expect from a “smartphone”.

  • IE (default): Meh. It’s IE. Good if I’m trying to find apps for my device. Sometimes
  • Skyfire: Didn’t like much.
  • Opera Mobile 9.5 beta: A little too buggy for everyday use on my Treo personally, but it is a good browser nonetheless.
  • Iris: My pick for an everyday browser. My preference is to turn off the full screen display. The animation on a tap/click is nice, as it how it handles passwords. The one downside is it’s a WebKit-based browser, some sites will think I’m on an iPhone (I wish!) Tabs has grown on my a little bit. It’s not an everyday feature for me, but it can come in handy. Iris is the browser I prefer for my everyday use.

Google Apps: All apps save Maps runs in a browser, which blows. Maps it easily one of the most used apps on my phone. It made a recent family vacation down to Los Angeles considerably better because of it GPS-enable location awareness, driving directions and traffic conditions. Of course there have been one or two times when the map was off and it didn’t help at all.

iContact: Nice contact replacement with and iPhone-style skin. Somewhat annoying in that I need to go to the Today screen to leave the app, but it’s free.

iDialer: It’s okay. I’ll use the hardware for dialing before I’ll use this, but my wife has used this and found it easier than dialing from the hardware keys (which are kind of hard to see if you’re not familiar with the phone), but I had to bring up the dialer screen first. (Just noticed that they updated with Google Voice integrated. Gotta give that a try!)

Pocket Digital Clock: Third party clock for my Today screen. I can actually see what time it is now.

Palringo: Only decent Google Talk client that I can find. Don’t really care much for it though. The UI is lacking.

Skype: Finding the direct download link using my phone (using IE) was the biggest challenge for me. Here it is:http://skype.com/go/getskype-winmobile-cab.The app is great for what I need it to do. I haven’t used it much, but it has been nice when I have.

Twitter client: Twitkini is hands down the best Twitter client for Windows Mobile I’ve seen. It was the only one I installed. Sadly, like most other things Windows, my trial ran out and I’m not willing to pay for it.

Pandora: My device is not supported… Crud. Come on Sprint, get your act together. The Pre already has it, as does the iPhone.

Slacker Radio: It kept crashing on me when I tried to load it.

Fring: Downloaded and tried it. It didn’t really sit well with me, so I tried to delete it. I’m not too sure if it’s gone or not.

Preinstalled software that’s usable

Sprint TV: The minisodes have He-Man and She-Ra. Other than that, it’s useless.

Kinoma Freeplay: Access to Flickr, plays my music better than the built-in Win Media player (as long as it’s DRM-free AAC from iTunes or MP3), Live365 and SHOUTcast for radio, Audible (if I used it) for audio books, Picasa and YouTube. Sadly it’s a demo version which expires after 30 or 60 days (I’ve forgotten which). DRM-free AAC music is available on the pay version.

Miscellany

Email signatures: Getting rid of the “Sent from my Treo…” signature: From the messages list, click Menu/Tools/Options… Once the screen loads, click on “Signatures…” Now you can remove or change it.

Games: Sad to say, I’m sort of hooked on Bejeweled 2 to kill time. I have an ongoing game that has me on level 80ish. It’s better than Brick Breaker on the Blackberry. Also like the free copy of Sudoku. But I don’t play games much on this phone, as I’m normally trying to conserve battery life.

Summary

Yes, I’m pretty down on my Treo. If you follow me on Twitter, you’ve seen the random tweet about my dislike for it. Hopefully someday I’ll be able to say goodbye to this device and upgrade to a better one. But for now, I suffer through this painful experience. At this point, I’ve become a little numb to the whole experience. Deep down I think that’s part of Microsoft’s strategy, numb you with the experience until eventually you capitulate and accept their mediocrity as the only available option.

Fortunately, I’ve been an Apple user for so long I know that mediocrity is not an acceptable option. There are people and companies out there who do care about creating excellent user experiences. For all their huff and puff Microsoft (and in this instance, Palm—for selecting Windows Mobile for their devices before they started working on the Pre) isn’t one of them.


What have I done? What am I going to do?

October 31st, 2008

My boys are participating in NaNoWriMo (starting tomorrow!) this year and I have been convinced to join them. For those that don’t know what NaNoWriMo means, it stands for National Novel Writing Month. During the month of November you commit to writing a 50,000 word novel. There’s a young writers program for kids where they can set their own goals.

Trevyn participated last year and did a great job. We’re still working on getting everything transcribed and edited. When it’s done, we’ll make it available on Lulu. Same with this year’s results, eventually…

Things might be even slower than they normally are during November as a result. Wish us luck!