Monthly Archives: June 2009

the potential of web typography

One of the things I really appreciate working at Mozilla is the opportunity to learn from and collaborate with really talented people, such as Ian Lynam and Craig Mod.

Ian and Craig took the time and effort to put together a compelling look at typography on the web now that Firefox 3.5 supports @font-face.

View the demo in Firefox 3.5:
the potential of web typography

Thank you to Craig and Ian for a wonderful exploration of what is possible now today with @font-face and what they hope will be possible for typography on the web in the near future. Open standards and modern browsers are proving to be more and more capable and it is important for designers to know what is now possible and for browser vendors and the W3C to get feedback on what designers want in the future.

To comment on this demo, please do so at the hacks.mozilla.org post.

Background on Discover Shiretoko and interFORest

As some of you saw on the Foxkeh blog and the Mozilla blog, the Japan team has launched a new promotional campaign called Discover Shiretoko in collaboration with the non-profit Shiretoko Nature Foundation of Hokkaido, Japan.

Discover Shiretoko

The Discover Shiretoko site itself showcases four stories which show how both Shiretoko (the UNESCO World Heritage Site in Japan) and Shiretoko (the code-name for Firefox 3.5) have a number of commonalities and, as my colleague William Quiviger said more eloquently than I did,

“aims not only to inform the public about the philosophy, mission and activities of Shiretoko Nature Foundation and Mozilla, but also to make clear that the power of many can change our environment’s future.”

Please visit the site to see the stories about Firefox and Shiretoko.

To promote this collaboration between Mozilla and the Shiretoko Nature Foundation, we worked with the Yasuaki Kakehi Laboratory, of Keio University to create interFORest, a site where participants can receive a banner to promote Firefox and Shiretoko on their own websites and blogs as well as see the other promoters. (Those of you who are keen will note that we worked with Dr. Kakehi’s team last summer to promote Firefox 3.0 as well.)

The interFORest site is pretty interesting so I wanted to point out a number of features of the site that are described on the about interFORest page but that might not jump out at you immediately unless you knew to look for the features.

interFORest.org: birds eye view

On the home page of the interFORest site (see image above, also known as “Bird’s Eye View”, it shows a virtual map of the Shiretoko peninsula of Hokkaido, Japan):

  • Bird’s Eye View: The trees represent websites who have joined in the promotion of Firefox and Shiretoko.
  • Bird’s Eye View: If you see movement in the trees, that means that there are users who are accessing that site at the same time that you see movement in the tree.
  • Bird’s Eye View: The keywords floating in the purple background are generated from the sites that users are using to promote the Discover Shiretoko website.
  • Click through to any tree to get to the “Close up view“:

    interFORest.org: close up view

  • Close up view: The weather and sky light shown on the virtual map is generated by weather data taken from the sky above the Shiretoko Peninsula. If you visit during the day Japan Standard Time, you will see a daytime landscape. If you visit during the night time, JST, you’ll see a night time landscape. If it is sunny at the Shiretoko Peninsula, you’ll see clear skies. If it is raining, you’ll see clouds and rain.
  • Close up view: You can use the 4-way arrow in the sky to move on the mini-map in the upper left-hand corner. This allows you to move around the map to see all of the websites that are promoting Discover Shiretoko.
  • Then click on the tree again:

    interFORest.org: illustrated tree guide

  • Illustrated tree view: If you click on one of the trees, you will see a virtual book open up with information about which site is promoting Discover Shiretoko. Name of the site, web address, place of origin, and then “number of roots” and “number of leaves.” The “number of roots” is a count of the number of times visitors have clicked on this particular tree on the interFORest website. The “number of leaves” is the number of clicks on the banner which drives people to the Discover Shiretoko website.
  • Illustrated tree view: You can turn the pages of the book by double-clicking on the white spaces on the page to move through the pages of the book to see all the sites that are promoting Discover Shiretoko.
  • Also we’ve made a point to build the interFORest site with web standard technologies, specifically Canvas, which is currently unavailable in Internet Explorer. If you visit a site that is hosting a Discover Shiretoko banner with IE, you get a sad Foxkeh who hopes you will visit with a browser that supports Canvas, which would be Firefox, Safari or Chrome.

    shiretoko-ie

    We’ve already seen a number of Japanese Internet media sites pick up the story:

    「知床の自然もFirefoxもボランティアが育てる」—MozillaがWebサイトDiscover Shiretokoを開設

    樹が育つ不思議なバナーで広めよう!世界遺産「知床」と「Firefox」の感動ストーリー

    Mozilla Japanと知床財団、環境保護を訴える共同サイトをオープン


    知床財団×Mozilla Japanによる「Discover Shiretoko」キャンペーン

    モジラジャパン:クリックで木が育つ 知床環境保護のネットプロモーションを開始

    Mozilla Japanと知床財団は6月23日、共同で「Discover Shiretoko」キャンペーンを実施すると発表した。

    Mozilla Japanと知床財団、新感覚のネットプロモーションを開始

    Firefox 3.5と世界遺産・知床の関係 樹木が育ち、森になるバナーをどうぞ

    In addition to these Japanese media, in the first 24 hours since the launch of this campaign, we’ve had over 500 sites join our promotion, which is wonderful.

    This promotion runs through August 31, 2009 but may be extended if the community deems it important to do so.

    Please visit Discover Shiretoko, sign up for a banner at interFORest and help us promote Shiretoko and Firefox.

    Ubiquity – Command the Web with Language

    Mitcho‘s presentation on the localization of Ubiquity at Tokyo 2.0 last night is up on Vimeo: Ubiquity: Command the Web with Language 言葉で操作する Web.

    Ubiquity: Command the Web with Language 言葉で操作する Web from mitcho on Vimeo.

    Slides here on SlideShare

    Mozilla at 2009 MSC Malaysia Open Source Conference

    I’m attending the 2009 MSC Malaysia Open Source Conference.

    MSC Malaysia Open Source Conference

    See more photos at Facebook | Sumardi Shukor’s Photos – MSCOSCONF2009 – Conference Day 1

    For some background on this event, Yoon Kit has a good overview of how far the Malaysian government has come but also has some good constructive criticism for the organizers of the event. I highly recommend his blog post at Open Malaysia Blog – MSCOSCONF.

    In the morning of the first day, I gave a presentation in the Community Track. I was scheduled to talk about Firefox 3.5, Fennec and Bespin, but at the last minute I decided to change my presentation to focus on HTML 5 and web standards. I did not want to come off as just focusing on Mozilla software so I decided to re-do my presentation to this:

    Open Source Powers the Open Web: HTML 5, JavaScript, and the importance of open web standards (download in OpenOffice Impress format or pdf format.)

    In the afternoon, I was on a panel discussion about open source and innovation.

    Can Open Source bring about your next Innovation Breakthrough ?

    Panel Speakers
    1.Dato’ Dr. Kamaljit Singh, GIRC
    2. Tengku Farith Rithaudeen, SKALI
    3. Gen Kanai, Mozilla Corp
    4. Ang Chin Han, Bytecraft

    MODERATOR: Dr. Raslan Ahmad, MOSTI

    Download my presentation in OpenOffice Impress and pdf.

    I sometimes use Slideshare, and if that’s what folks would prefer, I can upload the presentations to Slideshare but I spent a portion of my presentation slagging Flash so it seemed a bit strange to then go use Slideshare (which is all Flash.)

    I’m happy to take questions via email or via comments to my blog.  Unfortunately the network connection at the conference was not as stable as I needed it to be to demonstrate some of the heavier open video demos, so if you came to my presentations, please download them to see the links to the demos I wanted to show.