QUE HERMOSURA
KOKOGIAK.com

Most Recent Projects
Amazon Light 4.0
Based on Amazon Webservices release 4.0, this adds wishlist searching and ties into a number of other web apps.King Kong - Business Monkey
An overview of recent massive marketing/merchandising push associated with the new Universal Movie.- Delicious Linkbacks
a bookmarklet to track what delicious users are saying about a particular page -
Google Maps Transparencies
two maps overlayed on top of each other, with the topmost map being slightly transparent Cassini at Saturn
my curated space imagery Photoset on Flickr - thanks to NASA/JPL
Webservices / API / Mashups
Amazon Light
Washington Post Current Events Booklist
a dynamically updated Booklist based on Word Bursts in the WP
More +
Amazon Light v2.0
an experiment in DHTML UIAmazon Light v3.0
Five Million Items, displayed via standards-based XSLT / XHTML / CSSAmazon Light 4.0
Based on Amazon Webservices release 4.0, this adds wishlist searching and ties into a number of other web apps.- Amazon Light UK
- Amazon Light Germany
- Amazon Light Japan
Popular Projects
The MegaPenny Project
Have you ever wondered what a billion pennies would look like? This award-winning exercise in visualizing huge numbers might help. People regularly talk about millions of miles, billions of bytes, or trillions of dollars, yet it's still hard to grasp just how much a "billion" really is.MegaFauna
A List of Remarkable Prehistoric Animals - From the Mammoth to the Sabretooth to bizarre Chalicotheres - a collection of 30 large, extinct, prehistoric mammals.Seattle Waterfront 2002-1907
Two panoramic photographs of the waterfront of Seattle, Washington, taken from the same vantage point - 95 years apart
More +
Luciferous Logolepsy
Over 9,000 obscure words - dragged into the light of day.To the Moon
Our Journeys to Luna (and Back): Did you know that Men have attempted over 100 Missions to the Moon to date? Do you know who launched the most missions? What Earth Creature was the first to reach the Moon?Mars Stereo Imagery
Stereo Images from Mars presented as space-for-time animations, (either slow or fast). Images from Pathfinder in 1997.
Amateur Armchair Detective & Older Projects
King Kong - Business Monkey
An overview of recent massive marketing/merchandising push associated with the new Universal Movie.The Incredible$
An overview of the massive marketing/merchandising push associated with the new Pixar Movie.
More +
The Cat in the (Officially Licensed) Hat
Universal and Dr. Suess go hog-wild with Merchandising Tie-ins for their 2003 movie. How much Cat is too much Cat?The Hulk
a massive Green Wave of Movie MerchandiseThe Burning Building
The identity of a curious Burning Building in Iraq
Older Projects
nowords.org
The name of the site speaks for itself.-
nowords.org 365
A Wordless Blog 300 Miles High
Take in the beauty of our planet, shown in 125 images taken from high in orbit.Preserving the French Republican Calendar
Books, Talks and Writing
Google Maps Hacks (by Schuyler Erle & Rich Gibson)
I contributed one hack - an A9.com images/Google Maps mashupYahoo Hacks (by Paul Bausch)
I contributed two hacks - an image replacer toy and a reverse-link lookup toolAmazon Hacks (by Paul Bausch)
I contributed one hack - an in-page amazon search tool in javascript
More +
The Strangest Town in Alaska (by Alan Taylor)
(The History of Whittier, Alaska and the Portage Valley) - Historic events shaped a bizarre unattractive town in the midst of Alaskan beauty, this is the history of Whittier, Alaska. Written, illustrated, and published by me (and my wife). - Available online through alaskabooksandcalendars.com
Talks
- TTI/Vanguard's NextGens Technologies 2005
Spoke about Web Mashups. Slides available here - Emerging Technology Conference (ETech) 2005
Web Services Mash-Up Tutorial. Slides here, mashup resources here - Siggraph 1998 Special Session
Web 3D (VRML) Presented an interactive 3D model of the International Space Station for MSNBC.com and an Interactive 3D Story of mine, Raven Stories
Articles/Essays
- My Time is Stored all over the World
- A life where TiVo has always existed [blog]
- 22 pairs of unexpected pants [blog]
- Dec 96 CSS Article [wayback version]
Older Webtoys/Widgets/DHTML
Show +
Toys/Widgets (IE4+ on Win32)
- Orgulator [2004] have fun manipulating websites
- Gegenschein [2002] (5k entry)
- Pauciloquent Obnubilation [2001] (5k entry)
- Square Ripples [2001] click inside the square, make ripples
- Spraypaint text [2001] Move mouse, text follows, click to 'spray' gray wall.
- 3 Follow Conelights [2001] move mouse over text, lights follow
- Text Shake [2001] fake shaky-text, emulating creepy movie credits
- Sea of copyrights [2001]
- Multi-hued Squares [2001]
- Drag-drop pre-viz tool [2000]
- Seattle traffic [1999] If you live in Seattle and have to cross the bridges, this should be useful. Mouse over the camera images once it's loaded.
- KK Right-click tools [1998] Permanent right-click webdev menu items for IE4+.
- DHTML Maker [1997] A series of select boxes to manipulate DHTML properties and generate source code.
- Find your country [1997] - sprite-driven interactive quiz template.
- Table Rules [1996] Originally part of IE3's compliance w/ HTML 3.2, little-used attributes of the TABLE tag.
- MSNBC Pop-up widget [1997] First pass at a story-rating widget
- MSNBC Tax Calculator [1997] Originally completed for MSNBC.com in 1997. For fast results, try the test cases by pressing the buttons marked "Smith" or "Wong" at the bottom left.
- MSNBC widget from channels page [1996] At MSNBC.com, I was tapped to make our "channels" page (To see it, in IE4+ choose "Favorites>Channels>Msnbc" from the toolbar).
- MSNBC trial widget [1996] A second version of the widget above.
VRML Web 3D Projects (very old)
- International Space Station (on MSNBC.com), or here [1997] - need VRML plugin. One of the most fun projects I've ever worked on, unfortunately it's written in a rather dead language.
- Raven Stories (VRML) [1996-98] need VRML plugin. Native American tales animated in 3D on the web.
Online History / Mini-portfolio
Show +
General
- First personal site: Northwest World o Media December 1994
- First Pro Site: Media Inc. mid-1996 - winner of a "top 5%" award (remember those?)
- First Web Dev article: The Evolution of Style Sheets, a CSS article from December 1996 Webreference.com
Work History
- [amazon.com] Amazon RSS Feeds
- [amazon.com] Pop-downs (the annoying dhtml ads on the front page - sorry)
- [amazon.com] First version of Gold Box (again, sorry)
- [amazon.com] 911 tribute page (for 2003)
- [amazon.com] Golf Game: Promotional DHTML game
- [amazon.com] Basketball: Promotional DHTML game
- [amazon.com] Purchase Circles: (only partially involved)
- [drugstore.com] Pieces all over the old version
- [msnbc.com] MSNBC.com Active Channel Landing Page - early IE4 beta DHTML
- [msnbc.com] Move the homepage code from Roger Black's MSNBC.com (with two ActiveX Controls and a Java Applet) to this (cleaner, lighter, DHTML replaces applets)
- [agency] Various corporate homepages from 1996-97, including CBS.com, NFL.com, Boston Consulting Group, Nikkei BP, and the Christian Science Monitor
- [agency] The Official Baywatch Website, when it was Baywatch.compuserve.com
GEDANKENGANG
New Project: The Big Picture
I'm happy to announce the launch of a new project of mine, one that lives not on my own domain, but that of my employer, boston.com. It's called The Big Picture, a news photo blog inspired by publications like Life Magazine (of old), National Geographic, and online experiences like MSNBC.com's Picture Stories galleries and Brian Storm's MediaStorm.
The Big Picture is intended to highlight high-quality, amazing imagery - with a focus on current events, lesser-known stories and, well, just about anything that comes across the wire that looks really interesting. Each entry will be made up of anywhere from 6-18 photographs, tied together through some common narrative.
My first experiences with serious online photojournalism came back when I was a developer at msnbc.com back in 1996-97. I've always loved hanging around with the creative groups, designers, writers, editors. That's where I first met Brian Storm and his team, and was really struck by their commitment to quality, and how much difference their selection and presentation of photographs really made - far better than anything else available online at the time. I've held that level of commitment as a standard of mine for a long time.
The photography on The Big Picture comes from many sources, largely wire feeds of AP, Reuters, Getty and more. The stories are of my own choosing, sometimes they are the stories defined by the photographer, sometimes they are related in other ways, but every entry has a story threaded through it.
The sizes of the photographs are deliberately large - taking advantage of the majority of web users who have screens capable of displaying 1024x768 or larger. The long-held tradition of keeping images online tiny and lightweight is commendable still - when designing a general purpose site. But one dedicated to quality imagery should take full advantage of the medium, and I hope I've struck a good balance with The Big Picture.
When I see quality photography consigned to the archives, or when I see bandwidth readily given up to video streams of dubious quality, or when I see photo galleries that act as ad farms, punishing viewers into a click-click-click experience just to drive page views - those times are the times I'm glad I was able to get this project off the ground (many thanks to my friends within boston.com)
And the thing that makes me happiest about it - I'm telling stories once again, on a regular basis, with great support and great platform. I hope you enjoy The Big Picture - go check it out.
6.03.2008 @ 11:46 PM
9 Comments +
Google Maps - Long Drives
I set out to find the longest distance for which Google Maps would give Driving Directions. Now that they've shut down the fun "swim the Atlantic" feature, things have changed a bit. It turns out there are multiple "longest drives", because the Google Maps World is partitioned (many countries don't support driving directions), and sometimes ferries are included, and sometimes they are not.
In order of distance, here are the seven longest drives I found. If you can better any of them, please add yours to the comments (please use TinyURL to shorten up the giant URLs).
North America, Unalaska, AK, USA to Southern Newfoundland, Canada - 7,267 mi (11,695 km) - about 6 days 15 hours - 100 steps
Europe - West Canary Islands, Spain to Hammingberg, Norway - 4,425 mi (7,122 km) - about 4 days 8 hours - 156 steps
Brazil - Northern Amazon Basin, Para to Chui, Rio Grande do Sul - 3,719 mi (5,985 km) - about 3 days 5 hours - 100 steps
Australia - Cape Bruny, Tasmania to Mardie, Western Australia - 3,474 mi (5,591 km) - about 3 days 4 hours - 93 steps
Japan - Soya, Hokkaido to Tomai, Kagoshima Prefecture - 1,480 mi (2,382 km) - about 1 day, 12 hours - 10 steps (mostly by train)
New Zealand - Cape Reinga to Milford Sound - 1,400 mi (2,253 km) - about 1 day 8 hours - 205 steps
Hong Kong - Shek Pik to Wu kau Tang - 48 mi (77.3 km) - about 1 hour 28 mins - 20 steps
4.30.2008 @ 4:21 PM
17 Comments +
Current Browser Usage for Boston.com
One of the advantages of working on a website that gets a fair amount of readership is the visibility of that traffic and what it says about the browser usage of the general population. My day job is with boston.com, which has a moderately large level of traffic (Alexa rank of 1,591, fwiw). Being a general news site with inbound links from really diverse sources, I'd like to think that we get a good representative cross-section of the web at large. My management was kind enough to allow me to share some numbers, giving a look at what web browsers people are using today, compared with a year ago.
Top line assessments: IE still rules. As of January, 2008, IE7 and IE6 each have a 34% share of our users (with IE7 barely ahead). Add in all other various IE versions in our top 20, and IE usage is still well over 70% (even though it's down from 76% one year ago). Firefox 2.0 jumped from 6.63% in Jan 2007 to 20.21% in Jan 2008. Gecko-based browsers (FF, Mozilla, Netscape) are now used by almost 22% of our audience, compared with 18% last year.
Interestingly, there appears to be some consolidation as well. The top 4 browsers from Jan 2008 (IE7,IE6,FF2,Saf3) combined make up 93% of our audience - In 2007, the top 4 (IE6,IE7,FF1.5,FF2) made up only 87%.
Safari 3, which wasn't even in existence in January 2007, has rocketed into the top 4 in less than a year. Overall Safari usage (all versions) grew a bit, and now is 6.12%, compared with 4.66% last year. Notably, Safari 3 for iPhone (and iPod Touch) is now our 11th most-popular browser.
So, the story for January 2007 - January 2008 is: IE7 is very slowly overtaking IE6 (after a year and a half, 7 has barely overtaken 6). But those leaving IE6 are not all moving on to IE7 - IE overall share is down by 6%, Firefox usage is up by 13% and Safari usage is up by 2%.
What does this mean - especially for those of us building websites daily? Well, using Yahoo's A-Grade browser support page as a guideline, over 98% of our users are now visiting with A-grade browsers. However, I can't overlook the fact that browser number 20 on our list from Jan 2008 (19,843 visitors) is Netscape navigator 4.0 - a browser that is now over ten(!) years old.
The charts and graphs below are what I used to compile this, enjoy.
Jan 2008 - 23,883,906 visitors | ||
Microsoft Internet Explorer 7.0 | 8,214,261 | 34.39% |
Microsoft Internet Explorer 6.0 | 8,163,282 | 34.18% |
Mozilla Firefox 2.0 | 4,827,865 | 20.21% |
Safari 3.0.4 | 1,042,383 | 4.36% |
Safari 2.0.4 | 236,659 | 0.99% |
Microsoft Internet Explorer 6.0 (AOL) | 171,302 | 0.72% |
None (Scrapers) | 143,027 | 0.60% |
Microsoft MSN Explorer 9.0 | 127,728 | 0.53% |
Mozilla Firefox 1.5.0.1 | 113,888 | 0.48% |
Safari 1.3.2 | 102,797 | 0.43% |
Safari 3.0 (iPhone) | 94,767 | 0.40% |
Netscape Navigator 3.0 | 84,651 | 0.35% |
Mozilla (Gecko) 1.8 | 56,120 | 0.23% |
Mozilla Firefox 1.5.0 | 53,540 | 0.22% |
Mozilla Firefox 1.0.7 | 51,420 | 0.22% |
Mozilla Firefox (unknown version) | 36,204 | 0.15% |
Netscape Navigator 7.2 | 30,996 | 0.13% |
Microsoft MSN Explorer | 30,986 | 0.13% |
Mozilla Firefox 1.0 | 28,949 | 0.12% |
Netscape Navigator 4.0 | 19,843 | 0.08% |
(Chart below shows top 13 browsers rolled up into major versions)
Jan 2007 - 20,669,104 visitors | ||
Microsoft Internet Explorer 6.0 | 10,824,878 | 52.37% |
Microsoft Internet Explorer 7.0 | 4,254,413 | 20.58% |
Mozilla Firefox 1.5.0 | 1,680,501 | 8.13% |
Mozilla Firefox 2.0 | 1,369,394 | 6.63% |
Safari 2.0.4 | 722,460 | 3.50% |
Microsoft Internet Explorer 6.0 (AOL) | 379,392 | 1.84% |
Safari 1.3.2 | 190,176 | 0.92% |
Mozilla Firefox 1.0.7 | 163,895 | 0.79% |
Microsoft MSN Explorer | 139,466 | 0.67% |
Mozilla (Gecko) (unknown version) | 106,286 | 0.51% |
Mozilla Firefox 1.0 | 86,828 | 0.42% |
None | 81,938 | 0.40% |
Netscape Navigator 7.2 | 79,476 | 0.38% |
Netscape Navigator 8.1 | 52,727 | 0.26% |
Microsoft Internet Explorer 5.5 | 51,004 | 0.25% |
Safari 2.0.3 | 49,798 | 0.24% |
Mozilla Firefox 1.0.6 | 47,716 | 0.23% |
America Online Browser 1.1 | 42,427 | 0.21% |
Mozilla Firefox 1.0.4 | 34,039 | 0.16% |
Netscape Navigator 7.1 | 31,629 | 0.15% |
(Chart below shows top 13 browsers rolled up into major versions)
2.22.2008 @ 6:30 PM
4 Comments +
2008 (and 40)
This is the year of creation. My year of output. Recently, my life has been heavily unbalanced, and the swing back to balance is underway. There are so, so many ways to get quality media these days (I hate the term "media" in this case, but what better all-encompassing term is there for books, stories, music, news, movies, podcasts, TV shows, blogs, art, audiobooks, and more). Using an RSS reader, TiVo, iTunes, iPod, Netflix and more, I've achieved a constant stream of high-quality information and entertainment - way more than I actually have time to process, let alone enjoy or savor. And, my daily media consumption has grown way out of proportion with my level of output.
I need to turn this time around, and get back some balance by increasing my time spent both contemplating and producing. I have too many ideas and too many opportunities to keep on the back burner for so long - time to move them back up front.
Today, I turn 40 years old, so what better time to take stock of one's life, what one wants to do with their life. My personal life is fantastic - my family has brought me a kind of wealth I could not have imagined 20 years ago. Professionally though, I feel like there is room for improvement. In my 40 years, I've had over 30 different jobs. The ones that I enjoyed the most, that were the most fulfilling, all involved storytelling. I discovered long ago a real love for storytelling, and have practiced it in many different ways (oral, digital, print, video, graphic, more) - all very satisfying. This is my central passion and I need to keep nurturing it, and I will.
My day job is still with boston.com (The Boston Globe), and I love that I can be involved with storytelling at some level there. In the past, it was a bit difficult because of my specific role there, but recently things have been changing, and there will be more opportunity for me to nurture that passion at work as well.
In a way, deciding to increase my output into the world of storytelling is just choosing to heap more media onto the global pile. But the inspiration isn't so much the quantity of stories available, it's the quality. In recent months especially, I've been truly enjoying a couple of podcasts - This American Life, and WNYC's Radio Lab. Every time I listen to an episode of This American Life, I am moved - I wonder what my fellow commuters must think when the see me get teary-eyed on the train. Every time I listen to an episode of Radio Lab, I learn something I never knew before, and I learn it in a way that's entertaining and impactful. Both shows are tightly produced, well put-together, and thoroughly engrossing. They both inspire me to do the same thing - to tell stories that move, that inform, that engross... stories that have value, and live beyond a single telling.
I've been trying to brainstorm ways of lending emotional impact to scientific exploration - trying to figure out how to take that deep "WOW" feeling you get in your head when you learn some incredible fact about the Universe and put some of that Wow in your heart at the same time.
Thanks to those of you (writers, bloggers, artists, daydreamers, performers, journalists, and more) who have been producing so much good work lately. I've been an avid consumer and admirer, and will continue to be - just one with a little less time, (so I'll be even more picky). Here's wishing you well in 2008, may this year smile on us all.
1.10.2008 @ 12:26 AM
7 Comments +
All Solar System Bodies Larger than 200 Miles: The Poster
For the many (yes many) people who asked, I've finally created a purchaseable poster version of the 88 known objects in our Solar System that are larger than 200 miles in diameter.
You can purchase the poster here, through Zazzle.com. The poster (huge size recommended) is 6 inches tall by 52 inches wide. One caveat - I haven't created a poster with Zazzle before, but have heard that their image quality is good. Let me know if you order one, and have any troubles.
5.30.2007 @ 12:30 PM
2 Comments +
A List Apart Web Design Survey, 2007

Jeffrey Zeldman and the folks at ALA have just announced an interesting - and I feel - long-needed Web Design Survey. Don't be put off by the title if you're more of a developer than designer. It may as well be titled "Web Professional Survey". Quoting from the survey introduction sums things up well:
"Designers, developers, project managers. Writers and editors. Information architects and usability specialists. People who make websites have been at it for more than a dozen years, yet almost nothing is known, statistically, about our profession. Who are we? Where do we live? What are our titles, our skills, our educational backgrounds? Where and with whom do we work? What do we earn? What do we value?"
I've been earning a living as a fulltime employee doing nothing but web work for over 12 years now, and I still feel like the industry in general is viewed as immature, ill-defined, and often trivialized. Making content for the Web these days is easy (as it should be) Striving to do it well, in a scalable, usable, semantic, elegant and interesting way is difficult, and deserves encouragement and recognition. Surveys like this might help us (and others) see ourselves as a whole, or, as a part of a larger movement toward craftsmanship on the World Wide Web.
4.24.2007 @ 10:39 AM
1 Comments +
All (known) Bodies in the Solar System Larger than 200 Miles in Diameter
It's just one of those things I've been itching to make for a long while, frankly because I wanted to see it - a visual listing of objects in the Solar System, ordered by size. A couple weeks ago, I started tinkering with it, today, I have something to show finally: A (large) image showing the 88 known objects in our Solar System that are larger than 200 miles in diameter.
When making it, the first questions were about limits - there are hundreds of thousands of asteroids, do I really want to make an image that big - would it even be useful? No, likely not, so where does one draw the line? I chose the Earth as the visual axis, placing it full-disc at 1000 pixels. The larger planets and Sun just bleed off the page, but still give a sense of scale by the visible curve of their limbs. And where to cut it off on the small end? Why 200 miles? Well, that's entirely arbitrary. It so happens that I have a fondness for Saturn's moon Mimas (247 miles across), and 200 was the next round number down. That simple. Also, it captures a fair percentage of known Trans-Neptunian Objects (51), enough to give a good idea of their place in the larger scheme of things.
After the parameters were chosen, it was a matter of digging up images where possible (photographic or artistic), laying it all out and labeling it. This was the largest photoshop image I've ever made - around 170 layers total. It feels good to build info visualizations like this again, I hope to do more in the near future.
Many thanks to the Wikipedia contributors who made this page: List of solar system objects by radius, it was an excellent resource.
Update 04.02.07: Added two other versions of the same image, Metric Only - All (known) Bodies in the Solar System Larger than 320 Kilometers in Diameter, and No Text Labels - For those who just want to see these objects in a line. I'm very happy that this image has been so well-received. (And, enough with the Uranus jokes, sheesh.)
3.29.2007 @ 4:26 PM
27 Comments +
Archives:
- February 2004
- March 2004
- April 2004
- May 2004
- June 2004
- July 2004
- August 2004
- September 2004
- October 2004
- November 2004
- December 2004
- January 2005
- February 2005
- March 2005
- April 2005
- May 2005
- June 2005
- July 2005
- August 2005
- September 2005
- October 2005
- November 2005
- December 2005
- February 2006
- March 2006
- April 2006
- May 2006
- June 2006
- August 2006
- September 2006
- October 2006
- December 2006
- March 2007
- April 2007
- May 2007
- January 2008
- February 2008
- April 2008
- June 2008