スタイルシートのリキッドデザイン化

ブログのスタイルシートを変更しました。

以前変更したときは、途中で投げ出していたのですが、ようやく続きに着手したという感じ。(そして今回も途中で投げ出したわけだが)

見た目上の変化として色がついたのが目立ちますが、その辺はどうでもよくて、「フォントのサイズ変更。画面のリサイズ」に対応できるレイアウトであることに力を入れたつもりです。

ブラウザの横幅を変更した時にコンテンツの表示サイズも変更されるレイアウトのことを「リキッドデザイン」と呼ぶそうです。

今回のスタイルシートの修正では、各サイトの「リキッドデザイン」の解説を参考にしました。また、スタイルシートの記述方法に関しては、以下のサイトの記述を参照させていただきました。

いろいろ試してみた結果、今のレイアウトに落ち着いたわけですが、既知の不具合として横幅のでかい画像が貼ってあるエントリー(例えばここ)を横幅の狭い画面で見たときに、多少不具合があります(特にIE)。これはまぁ、スタイルシートの問題というよりは、無駄に画像がでかすぎるという点が問題な気がする。

一応対処療法として、メニューを右に移動し最小の被害で済むようにしました。min-width をうまく使えばなんとかなりそうだけど、これは次回の課題かな。広告をヘッダーに移動したのもなんか失敗な気がする…。

ステルス・ウェブ・デザインにも興味があるのですがほとんど実現できていません。気持ちだけ、なんとなく隙間の多いデザインにはしてあります。

by Myfuna at 2006年12月30日 15:17 Comment(0) TrackBack(1)

Mitaka 1.0 β6 が公開されました

Mitakaがバージョンアップしています

06/11/25: バージョン 1.0 β6 を公開

バージョン 1.0 β6 での主な更新点は、以下の点です。

  • 冥王星、エリス、セレスを「矮惑星」として分類し、軌道線とラベルの色を変えた
  • イトカワやセドナなどのいくつかの小惑星と海王星以遠天体の軌道線とラベルが表示できるようなった
  • 3Dチャートに「海王星以遠天体」を追加(これまでの「冥王星とセドナ」は削除)
  • 局部銀河群の銀河をいくつか追加し、ラベルを表示できるようにした
  • SDSS DR5 の銀河とクエーサーを追加
  • 木星の衛星イオをターゲットにできるようになった
  • 視点移動やズームイン・アウトなどの動作に慣性をつけた
  • メニューを開く時にフェードインするようにした
  • 「実時間モード」を追加
  • メニューバーに「スケール」メニューを追加
  • いくつかのキーボード・ショートカットを追加(惑星の拡大率変更、ターゲット付近に移動、街明かりのオン・オフ)
  • マウスの右ドラッグによるズームイン・アウトのデフォルトの向きを反転した(設定ファイルで設定できます)
  • データ構造の書き換え(太陽系内)や割り込み処理の見直しによる高速化

少し軽くなった感じがする。ところでイトカワをターゲットするにはどうすればいいんだろう。

by Myfuna at 2006年11月27日 03:24 Comment(1) TrackBack(0)

Mitaka - Webアルバム

Mitakaの紹介記事を書いていたのですが、画像が多くなりすぎたので Web アルバムにしてみました。

太陽系をお散歩しています。チュートリアル的に操作説明も書いてあります。

文字通り、宇宙の果てへの旅です。これは実際に Mitaka で体験して欲しい。そのスケールに圧倒されるはず。

Mitaka でボイジャーとパイオニアの旅を追ってみました。いつか、のぞみとはやぶさの旅を Mitaka で眺めてみたいなぁ。

by Myfuna at 2006年11月11日 21:05 Comment(2) TrackBack(0)

Mitaka

Mitaka というソフトウェアをご存知だろうか?

もし知らないのであれば、こんなクソみたいなブログを読んでる場合ではない。今すぐ以下のリンクに飛ぶべきだ。

Mitaka 紹介

Mitaka は、 国立天文台 4次元デジタル宇宙プロジェクトで開発している、 天文学の様々な観測データや理論的モデルを見るためのソフトウェアです。 地球から宇宙の大規模構造までを自由に移動して、 宇宙の様々な構造や天体の位置を見ることができます。

公式ページより

というわけで、あなたの PC の中で宇宙を観察してみよう、というソフトウェアです。

動作環境はこんな感じ。

【推奨動作環境】
OSWindows XP / 2000 (※)
CPUPentium4 1.8GHz(相当)以上
メインメモリ512MB以上
グラフィックカードGeForce 3 (相当)以上
ディスプレイ解像度1024x768ピクセル以上
ハードディスクに必要な空き容量50MB 以上

古いPCだとちょっと辛いかもしれません。PCゲーマーなら余裕でクリアでしょうね。

操作方法は、チュートリアルを参照してください。また、同梱の PDF が詳しいマニュアルになってるのでこちらも参照。

とにかく、強力にオススメ。PCのスペックが足りなきゃ、PC買い換えてでも体験して欲しい。

by Myfuna at 2006年11月11日 19:56 Comment(0) TrackBack(1)

FirefoxとGreasemonkeyでmixiを快適に使う

今回はFirefoxのエクステンションの話。

唐突ですが、私はmixiのインターフェイスが嫌いです。ワンクリックで済みそうな操作に、やたらとクリックを要求するのがものすごくムカつく。

例えば、マイミクの誰かが日記を更新したから、そのリンクをクリックしてみたら「○○さんは外部ブログを使っています」とかいう無意味な確認画面が表示されり。この表示を見るたびに、「そんなこたぁ、知ってるんじゃぼけぇ!!!」と思わずマウスを画面に投げつけたくなる衝動にかられることもしばしば。

まぁ、mixi としてはなるべく mixi 内で日記をつけてもらいたいんだろうなとか、リファラをある程度誤魔化せた方がいいのかもしれんとか、大人の事情も推察できなくはないのですが、すごくイライラすることに違いはない。

mixi には他にもいくつか「意図的に操作性を犠牲にした」と思われるインターフェイスデザインがあって、どうもストレスを感じることが多い…。とかって思っていたのですが、Firefox にGreasemonkeyというエクステンションを入れてみたら、だいぶストレスが軽減されました。

Gracemonkey は任意の URI にアクセスした際に、ユーザサイドスクリプトを挿入するエクステンションです。使用する際には、Firefox に Greasemonkeyをインストールした上で、適当なユーザーサイドスクリプトを追加して使用します。

例えば、Firefox + Greasemonkeyな環境に、AutomaticMoving@mixi(ヽ(´・肉・`)ノ日誌)というスクリプトをインストールしておくと、mixiから外部ブログを見るときに出る確認画面をスキップすることができます。

他には、マイミクではなく「お気に入りリスト」で「最近の日記一覧」を表示する、usefulmixibookmark.user.js(いぬビーム)というスクリプトなんてのも便利。

こうゆうシンプルでいながら、応用性の高いツールというのは本当に素晴らしいと思います。

特に、Googleの検索結果にはてなブックマークの被ブックマーク数を併記する、gb.user.js(いぬビーム)というスクリプトなんかは、クライアントサイドだけでマッシュアップを実現しているわけでGreasemonkeyのポテンシャルの高さを感じます。

Firefox ユーザであれば、ぜひ一度お試しあれ。

Greasemonkeyのインストール及び、各種スクリプトの紹介などは、以下を参照してください。

P.S.

当方、好きな作家さんで mixi にアカウントがある方を何人か「お気に入り」に登録させて頂いています。で、前述の usefulmixibookmark.user.js というスクリプトを入れていると、こちらが「お気に入り」を表示させた時点で、「お気に入り」に登録してある全ユーザに対して自動的にアクセスが発生し、あしあとを残してしまいます。

もし「日記を公開しているわけでもないのに、なんでこいつはやたらとあしあとつけに来やがるんだ」と不審に思われていたら、このような理由ですのでご了承ください。

by Myfuna at 2006年11月01日 02:51 Comment(0) TrackBack(0)

スタイルシートを簡略化してみました

リサイズ対応でないのが、どうしても許せなかったのでスタイルシートを修正してみました。ついでに装飾画像も全部削除。

生成される HTML も気にいらないんですが、修正方法がわからん。具体的には、現在日付が H2 で タイトルが H3 のところを、日付捨ててタイトル H2 にしたいのです。この blog は日記的な要素はほとんどないので、日付よりもタイトルの方を優先したい。

他にも RDF の description が気にいらないとか、Wiki記法が使いたいとか、いくつか不満があるので、そのうち引越しをするかもしれません。でも、引越しするぐらいなら、blog なんて閉鎖してしまった方が楽だなとか思ったり。

そんなわけで、スタイルシート変更の影響で、まともに表示されなくなってしまった環境の方がいらっしゃいましたら、ぜひご連絡ください。

(今回はメールで更新してみる)

by Myfuna at 2006年09月23日 13:58 Comment(0) TrackBack(0)