WebOS Goodies

WebOS の未来を模索する、ゲームプログラマあがりの Web 開発者のブログ。

WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。
Subscribe       

今週の話題 : UL タグと float による水平メニューをセンタリングする方法など

先日、嫁さんが面白い野菜を買ってきました。

まるで CG のような見事なフラクタル形状ですね。感動したので思わず写真におさめてしまいました。いくら自然物にフラクタルが多いとはいえ、ここまであからさまなものは珍しい。 Wikipedia によると「ロマネスコ」という野菜で、カリフラワーの一種だそうです。蕾の数がフィボナッチ数に一致するとのこと。

うーん、なにかのアイテムとしてゲームに出てきそうな雰囲気。まだ冷蔵庫の中で眠っているんですが、食べたら HP と MP 全回復とかしないかな(笑)。

それでは、週末恒例の「今週の話題」です。今週見つけたさまざまなネタをまとめてご紹介します。過去に掲載したネタは米 Yahoo! の My Web で管理しています。こちらのページにカテゴリの目次を作成してありますので、併せてご利用ください。

CSS

UL タグと float による水平メニューをセンタリングする方法

http://www.cssplay.co.uk/menus/centered.html

UL タグを使った水平メニューを CSS だけでセンタリングする方法が解説されています。まず UL タグを DIV で包み、 DIV を width; 100%; overflow: hidden; にします。次に UL タグを position:relative; float: left; left: 50% にし、各 li タグを position: relative; float: left; right: 50% にするとよいそうです。う〜む、わかるようなわからないような・・・(笑)

New CSS Sticky Footer - フッタをブラウザの下部に表示する CSS

http://www.cssstickyfooter.com/

コンテンツの高さがブラウザの高さに見たない場合でも、フッタをブラウザ画面の下にフィットさせる CSS です。ブログのフッタには最適ですね。

その他の開発関連情報

Yahoo! Pipes で YQL が利用可能に

http://blog.pipes.yahoo.net/2009/01/28/new-pipes-y...

Web 上の各種データを SQL ライクな構文でフェッチできる YQL が Yahoo! Pipes 上で利用できるようになりました。 Yahoo! Pipes の結果は JSONP でも取得できますし、これはかなり画期的ですね。

ecl.js - JavaScript で漢字コード変換

http://nurucom-archives.hp.infoseek.co.jp/digital/...

JavaScript で UTF-8 と Shift JIS, EUC-JP, JIS の相互変換が行えるライブラリです。 Unicode と JIS の変換テーブルを圧縮して持っているそうで、 obfuscate なしで 24Kbyte のファイルサイズです。素晴らしい。

コメント欄にて高速化版の存在を教えていただきました。とくに Sleipnir において処理が極端に遅くなる問題が解消されているようです。 monjudoh さん、情報ありがとうございます!

Zero Clipboard - Web アプリからクリップボードにコピー

http://www.moongift.jp/2009/01/zero_clipboard/

ブラウザからクリップボードにコピーできるライブラリです。 Flash を使っているので、 IE 以外でも動きます。

google-perftools の解説記事

http://journal.mycom.co.jp/articles/2009/01/27/per...

C/C++ 向けのパフォーマンス・チューニングツールである google-perftools の解説記事です。インストールと TCMalloc, heap cheker, heap profiler, cpu profiler の使い方ををそれぞれ個別に解説しています。

サイトマップの送信はかなり効果的らしい

http://web-tan.forum.impressrd.jp/e/2009/01/27/4876

サイトマップを送信した場合としなかった場合とでクロールが行われるまでの時間を計測したところ、劇的な効果があったそうです。うむむ、うちもサイトマップ送信するかなぁ。

Windows

休止状態の Windows XP を指定した時間に起動する方法

http://builder.japan.zdnet.com/news/story/0,380007...

休止状態にしておいた Windows XP を指定時刻に起動し、アプリを立ち上げる方法が解説されています。 Vista じゃなくて XP なのが笑える。

Web アプリケーション

Gmail が Gears でオフライン対応

http://jp.techcrunch.com/archives/20090127gmail-go...

ネットワークに接続していない状態でも使えるのはもちろん、オンライン状態でも高速化のメリットがあるようです。 Google Apps でも既に有効になっています。

Google Code Project Hosting にコミット通知機能

http://google-code-updates.blogspot.com/2009/01/po...

Google Code Project Hosting にソースコードをコミットした際に、任意のサーバーに POST リクエストを送信してくれる機能が追加されました。継続的インテグレーションなどに利用可能です。他にもおもしろい使い方がありそうですね。

デスクトップアプリケーション

Chrome の "new tab" ページが Firefox でも利用可能に

http://googlesystem.blogspot.com/2009/01/chromes-n...

Google Toolbar 5 の最新版の追加機能で、新しいタブに頻繁に訪れるページのサムネイルを表示する機能が追加されました。 Chrome と Firefox を併用している方にはとくに便利かもしれません。

サーバーソフトウェア

Apache FtpServer - Java で書かれた FTP サーバー

http://mina.apache.org/ftpserver/

スタンドアローンの FTP サーバーとして動作するほか、 Java アプリケーションに埋め込むことも簡単にできるようです。さらに、 FTP の各種イベントの処理を Java で記述できる「Ftplet」という API を提供しており、 FTP アプリケーション・プラットフォームにもなるとのこと。最初は「なぜに今更 FTP」とか思いましたが、これは面白いかもしれません。

その他

Flavour Icons - 洗練されたアイコン 177 個

http://yensdesign.com/2009/01/flavour-icons-177-fr...

かなり使いやすそうなデザインのアイコンセットです。個人・商用ともに無料。

関連記事

この記事にコメントする

Recommendations
Books
「Closure Library」の入門書です。
詳しくはこちらの記事をどうぞ!
Categories
Recent Articles