Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Category Archives: Technology & Science

[TECHNOLOGY] Photo Tiles

  • Pocket
  • このエントリーをはてなブックマークに追加

BORDER=0タイル状に写真をディスプレイに並べて、直感的に操作・閲覧できるインターフェース。マウスなどのインターフェースを必要とせず身一つで操作できる点はナイスなんだけど、ひとつの写真を拡大して観る際に長押しというのは個人的に好きじゃないな。っていうか長押しっていう操作方法って、あのモタっとした感じが嫌いなんだよね。ダブルクリックでいいのにな、とか思った。ドラッグで写真の入れ替え、ジェスチャーでクローズという仕様みたいです。操作方法さえ改善されれば将来性のあるインターフェースかもしれないね。数年前には15インチだったりしたディスプレイも最近じゃ20インチオーバーが普通だしね。

(さらに…)

[SCIENCE] The Size of Our World

  • Pocket
  • このエントリーをはてなブックマークに追加

Theわたしたちの済んでる地球の大きさを、他の天体と分かりやすい形で比較してます。実際とっても分かりやすいんですが、太陽系以外の惑星が出てきたあたりになると、なんかデカ過ぎてピンときません。聖闘士星矢で覚えたアンタレスってこんなにデカいんだ。
The Size of Our World >>

[SCIENCE] Air Photos

  • Pocket
  • このエントリーをはてなブックマークに追加

BORDER=0風船にカメラを2つ取付けて(ひとつは真下、ひとつは水平に)上空に飛ばし、2分間隔で写真を撮らせたもの。地面がどんどん遠ざかるにつれて大気がなくなっていく様子が分かります。あぁ地球って丸いんだなぁとしみじみ思える写真。
Air Photos >>

[TECHNOLOGY] iBar – 光で演出されたカウンター

  • Pocket
  • このエントリーをはてなブックマークに追加

BORDER=0上に物を乗せる事でテーブルが光る、オシャレというかハデハデしいバーのカウンター。光り方がなんかミステリーサークルみたい。近くにある物とリンクする様子がまたかっこイイねー。このカウンターで酒こぼしたらどうなるのかな・・・。ドバっと光るのかな? それとも浸水して弁償かな。ムフー。

(さらに…)

[WEB TECHNOLOGY] Keyboard shortcuts for every Google webapp

  • Pocket
  • このエントリーをはてなブックマークに追加

BORDER=0グーグルの各種サービス内で使用できるショートカットの割り当て一覧です。こんなんあるなんて全然知らなかった。試しにGoogle Videoでムービー再生中にスペースバー押してみたらちゃんと一時停止しました。JavaScriptでキータイプを取ってるんでしょうね。GMailでは一般アプリ並にショートカットが充実してます。うーんグレイト。
Keyboard shortcuts for every Google webapp >>

[TECHNOLOGY] HONDA Asimo History

  • Pocket
  • このエントリーをはてなブックマークに追加

HONDA1986年の第1号以来開発が継続されている、HONDAの人型ロボットのモデルチェンジの変遷。現在CMにも出てるASIMOに至るまでの長い道のりが解説されています。現行機走れちゃいますからね。スゴいですよね。本業である車とは直接結びつかない分野なのに、こうした中長期的な物の見方で開発のできるホンダという会社が自分は大好きです。
HONDA Asimo History >> | 翻訳版 >>

[WEB TECHNOLOGY] GTDTiddlyWiki

  • Pocket
  • このエントリーをはてなブックマークに追加

GTDTiddlyWikiJavaScriptを使ったシンプルなメモ帳ツール。ブラウザ内にメモする事ができます。仕事をしている最中にふとメモりたい事って出てくるけど、その度にメモ帳ソフトやテキストエディットを立ち上げるのも面倒。付箋WidgetをDashboardで起動するって手もあるけど、その場合はオンラインでの共有が取れません。このGTDTiddlyWikiはtiddlywikiというウェブツールが元になっています。それを時間と仕事の整理術『GTD』向けに改良したものらしいです。このGTDという整理術、元々そんなに忙しい生活を送っていない自分にはあまり縁がないのでよく知りませんが、海外ではわりと人気のある方法らしいですね。本家のtiddlywikiではなくGTDTiddlyWikiを使うのは、こっちの方が2ペインでシンプルだから。あと見た目もクール。
で、このGTDTiddlyWikiの使い方ですが、基本的にはオフラインで使うものなのでまずはサイト内からダウンロードしましょう。“Get started”内に「right click on this link and select ‘Save link as…」とありますので、そこからファイルをDLできます。Tiddlywiki自体ただ1つのHTMLファイル内で完結しているシステムなので、DLされるファイルもHTML1つのみ。使う時はそのファイルをブラウザで開くだけです。任意の場所をダブルクリックすれば編集できます。TAG情報も付加できるので、後々情報を検索する時のために付けておきましょう。
家と会社両方で見たいという場合は、編集したファイルを自分のサーバ(.macだと、UpLoadもDownLoadも便利)に上げればオッケー。ただしオンラインにある状態だとセーブができないので、家と会社どちらかをマスターにしてスレイブ側では閲覧だけにしましょう。
GTDTiddlyWiki >>

[WEB TECHNOLOGY] BitFontMaker

  • Pocket
  • このエントリーをはてなブックマークに追加

BitFontMakerビットマップフォントを自作できるサイト。各アルファベットを10×10のドット絵で描いたら、ちゃんとフォント形式でダウンロードできます。さらに製作途中のフォントをブラウザ内に保存したり、コピーペーストする機能まで完備。ビックリするくらいよくできてます。まず最初は「sample」のボタンを押して、サンプルフォントをロードしてから作業した方がラクかもしれません。ダウンロードしたフォントはマックでもウィンでも使えますが、拡張子が「.ttf」だけど実際にはビットマップフォントである点にご注意ください。ちなみにFlashではなくAjaxで作られてるようです。素晴らしい。
BitFontMaker >> | ヘルプ >>(これ読んでから始めましょう)