簡単グリッドデザインツール「Grid Designer 2」

Grid Designer 2 （別窓）

Grid Designer 2は数値入力とボタン操作で簡単にグリッドデザインが出来てしまうツールです。
数値入力の場合はフォームの数値を変更して「design」ボタンを押すことで実行されます。
好みのデザインが出来たら「Typography」を押して行間や見出しサイズの変更に移ります。

その変更を終えたら「Export」を押せば完了です。簡単すぎる…！
作ったデザインのCSSとHTMLが吐き出されるので、これをコピーして使いましょう。
「Generate Scalable Grid」にチェックを入れると、幅が%指定になります。

WEBでWEBサイトを作る環境が充実してきましたね。
DrawterとかCSS TEXT WRAPPERとかCSS MENU MAKERとか、いつか使ってみたいけど放置してるツールがたくさんあります。

気になる記事まとめ

掘り下げる程でもないけど、昨日今日あたりの気になる記事まとめ。

グーグル、「Google Chrome」のベータ期間をまもなく終了か--米報道:ニュース - CNET Japan （別窓）
早いなあ。バンドル契約の方はどんな感じなんでしょうか。

万能ガジェット「chumby」、ビックカメラとソフマップで販売 - ITmedia News （別窓）
12月13日より、ついに日本で店頭販売が開始されます。
chumbyについては以下の記事あたりが参考になると思います。
chumbyで遊ぼう! （別窓）

オフィスの画像を投稿するコミュニティー「みんなの仕事場」　アスクルがオープン - ITmedia News （別窓）
予想通りカヤックが登録しててﾜﾛﾀ。制作にも関わってたりするんでしょうか。
就活における参考資料にもいいかもしれませんね。
オフィスで企業を決めるわけではありませんけども。

キモオタの俺がデートをすることになった…助けて:ハムスター速報　２ろぐ （別窓）
キモオタの俺がデートをすることになった…助けて　２:ハムスター速報　２ろぐ （別窓）
キモオタの俺がデートをすることになった…助けて　完結:ハムスター速報　２ろぐ （別窓）
暇つぶしにはいいと思います。ｲｲﾊﾅｼﾀﾞﾅｰ。

この形式のエントリも毎日書こうと思ってたり思ってなかったり。
そういえば先日の「異なるカラムの高さをjQueryで揃えるテクニック」の記事ですが、思いっきりコードが間違ってました。
申し訳ございません
今は修正してあります。

IKKOとの交流はTwitterで！

日本初「芸能人Twitter」--IKKO氏がファンとの交流に活用:ニュース - CNET Japan （別窓）

日本初の「芸能人Twitter」はIKKOとなったようです。
なかなか意外なところがきましたね！

IKKOの公式サイト「IKKOStyle」を開くと、すぐにTwitterの文字が目に付きます。
コンテンツの右上には最新のつぶやきが表示されるようになっています。
また、TwitterにてIKKOStyleアカウントに対してリプライをするとIKKOStyle内のTwitterコンテンツにその内容が表示されるようです。
日本限定サービスであるコミュニティサイト、TwiccoにはIKKOのコミュニティも開設されています。

このIKKOStyleにはユーザーがTwitterに気付くだけの情報は十分に散りばめられています。
しかし、果たしてTwitterを全く知らないユーザーがこのページを見てユーザー登録をし、フォローするところまで辿り着くかというところは少し疑問です。
もうちょっとガイドを引いてもいいんじゃないかなーとも思うのですがどうなんでしょうか。

芸能人ブログが売りとなっているサイバーエージェントが手を出すかと思っていたのですが、そんなことはなかったようで。
今回このIKKOStyleを制作したのはCGMマーケティングという企業なのですが、こちらはTwitterと業務提携しているDGグループの企業なんですよね。
ブログと比べると少しとっつきにくいTwitterですが、今後この企業が芸能人Twitterを展開していったらもしかするともしかするかもしれない。
収益化にまだ手間取っているTwitterですが、それだけにこれからの動きが楽しみです。

余談ですがTwitterもRSSも、ライトユーザーにはちょっと小難しいように感じます。
もうちょっとこのあたりの小難しいところを考えずに利用できる手段があれば広まる可能性もあると思うんですが。
アメーバで言えばチェックリストみたいな感じで。これはアメーバのサービス内限定ではあるけど。

ドラクエ9の発売日が決定！次回作はWiiで！

「ドラゴンクエストIX 星空の守り人」の発売日と価格が決定、さらに次のドラクエ10は「Wii」で開発中 - GIGAZINE （別窓）
一挙公開、これが「ドラゴンクエストIX」の画面写真だ！ - GIGAZINE （別窓）

GIGAZINEさんは相変わらずいい仕事をしてくださる。

発売日は2009年3月28日（土）、価格は税込み5980円に決定したようです。
同時にスライムが描かれたDSi専用のプロテクトケースと、スライム型のスピーカースタンドが発売されます。

プロテクトケースじゃなくてDSi本体自体なら買うのに…！
肝心のドラクエ9の方は懐古厨としては買うかどうか微妙なラインなんですが。
しかし日本におけるPS2史上最多売上の実売350万本を記録したドラクエ8を制作したレベルファイブが作ってるとなると、もしかしたら…という期待もあります。
以前スクエニの社長が「1000万本もない話ではない」という発言をしていましたが、果たしてどうなるのでしょうか。

ゲームショウで公開されたプロモーション映像が見られる公式サイトは以下より。
ドラゴンクエストIX　星空の守り人　公式サイト （別窓）

異なるカラムの高さをjQueryで揃えるテクニック

Equal Height Columns with jQuery （別窓 ）

異なるカラムの高さをjQueryで揃えるテクニックです。
動作サンプルは以下をご覧ください。

CSS Newbie Example: Equal Height Columns with jQuery （別窓 ）

function equalHeight(group) {
 tallest = 0;
 group.each(function() {
 thisHeight = $(this).height();
 if(thisHeight > tallest)
 {
 tallest = thisHeight;
 }
 });
 group.height(tallest);
}

このコードは共通で利用するもの。
次にこれを適用するクラスを指定します。

$(document).ready(function() {
 equalHeight($(".column"));
});

サンプルでは3つのカラムにそれぞれ「column」というクラスが指定されているので、ここで「.column」と指定がされています。

同じ挙動を実現させるテクニックはこれ以外にも沢山あります。
あわせて以下もご覧ください。

[CSS]高さの異なるカラムを揃えるスタイルシート | コリス （別窓 ）
[JS]高さの異なるカラムを揃えるスクリプト -equalHeights.js | コリス （別窓 ）
ブロックレベル要素の高さを揃えるheightLine.js[to-R] （別窓 ）

ウォークマンケータイ「Xmini」

写真で解説する「Walkman Phone, Xmini」 - ITmedia +D モバイル （別窓 ）

「新しい音楽スタイル」を提案する超小型ボディの音楽ケータイ「Walkman Phone, Xmini」。
このケータイは12月中旬より開始予定の着うたフルプラス に対応しています。
本体サイズは驚きの44（幅）×75（高さ）×18（幅）ミリ。
このサイズにもかかわらず本体には3.5GBのデータフォルダを搭載しているようです。

カメラ、ワンセグ、おサイフケータイという機能は搭載していません。
ワンセグとおサイフケータイはいいとして、カメラを搭載しなかったのは少し問題な気もします。
これを利用する層ってカメラを使う層と被らないのかなあ。

しかしこういった新提案はこれからも頑張って欲しいです。auには特に。
がんばれau。

気になる記事まとめ

大学へ行くので帰ってきたら読むリスト。

TwitterのCEOが考える収益化--いまだ不明な具体策:スペシャルレポート - CNET Japan （別窓 ）

Gmail、メールと連携するタスク管理機能を追加:ニュース - CNET Japan （別窓 ）

Toxel.com » 40 Beautiful Dark CSS Website Designs （別窓 ）
Beautiful Dark CSS Websiteっていうとかっこいいけど、美しく暗黒なCSSWebサイトっていうとださいですよね！
なんかかっこいい翻訳はできないものか。意訳するしかないのか。ていうかダークって言えばいいのか。

昨日は家に帰ってきてすぐ寝てしまったので情報収集がろくにできてません
毎日空いた時間に情報収集をしているので、それを欠かすとすごく不安になります。

なので今日は起きてすぐ軽く情報収集して、書きやすそうなのを2つほど予約投稿しました。
軽く病気っぽい。

今まで予約投稿とか使ったことなかったんですが、使ってみると便利ですね…！
下書きも最近になってはじめて使いました。

iPhoneでかめはめ波！

修行無しでドラゴンボールのかめはめ波がうてるiPhoneアプリ「Kame hame ha」 - 和洋風◎ （別窓）

男なら必ず一度は抱く「かめはめ波をうちたい」という夢を叶えてくれるiPhone用アプリがあるようです。

これは酷い。いい意味で。
こういう馬鹿は大好きです。

電子タバコ「タエコ」

asahi.com（朝日新聞社）：電子たばこ「タエコ」で一服いかが　「禁煙が楽に」 - ビジネス （別窓 ）

タエコという禁煙促進具があるそうです。
見た目はタバコそのものですが、一酸化炭素・タール・灰などは発生しません。
筒に内蔵した電熱線で水蒸気を発生させ、吸い口からはたばこの煙のような紫煙が立ち上るという仕組みのようです。
カートリッジには香料が入っており、タバコ風味、メンソール、バニラ、ストロベリーなどバリエーションは豊富。
尚、カートリッジは一本315円となっており、通常のタバコに換算すると15～30本分に相当するとか。
充電式となっており、1回の充電で連続72時間使用出来るようです。
値段は一ヶ月分のカートリッジ（4725円）込みで1万8900円。高い。

電子タバコは2003年に開発され、2007年ごろから一般に流通していたみたいです。
日本での流通は比較的最近なんでしょうか。

喫煙所に行かなくても吸えるというのが利点の一つとしてありますが、マナーを考慮すると結局吸えない気がしてなりません。
禁煙席で使ってたりしたら注目を浴びざるを得ない…！
喫煙所が設けられている職場などでは、周りの理解さえ得ていれば自分の席で使えるかもしれませんね。
ただまあ火が発生してるでもないのに、吸ってるときにLEDが点灯するのは周りから見てちょっと滑稽な気もします。

あと可愛い装飾が施されたDECO TaECOなんてものもあるみたい。需要あるのか。

ベストオブCSSデザイン2008

Best of CSS Design 2008 （別窓 ）

2008年度のCSSを用いた素晴らしいWebデザイン集です。
今年のデザインの特徴として、大きな背景画像を使ったデザイン、jQuery・MooToolsなどのJavaScriptフレームワークを利用したデザイン、FlashとCSSをミックスしたデザインが挙げられています。
その中から1つずつ紹介。

Luke Larsen - Unique and Creative Web Design （別窓 ）

JavaScriptのフレームワークを利用した例です。
ページを横長にすることで1ページに収め、jQueryの「ScrollTo 」プラグインを用いて画面のスムーズな切り替えを実現しています。

Future of Web Design | New York 3›4 November 2008 （別窓 ）

1884*1428という大きな背景画像を用いた例です。

Vermont Coffee Works | Vermont's Premier Coffee Roasting Company （別窓 ）

CSSとFlashをミックスした例です。
トップページではコンテンツに被るようにFlashが配置されており、上手くCSSデザインと共存しています。

海外のWebデザインは日本と比べて大胆なものが多く、見ていて飽きません。
中にはちょっとうるさく感じるデザインもあるにはありますが、たまにはそれも見習いたくなります。
同サイトにて2007年度のベストオブCSSデザイン も公開されているので、比較してみると面白いかもしれません。

誰か日本版のベストオブCSSデザイン作ってくれないかなーとちょっと期待してます。すごく他力本願です。