知的?自己流?普利伊待夢な育児ブログ

WEB制作の会社からSEOの会社に転職完了しました！転職理由は社長の息がマジ臭い事が一番の理由であった事と断言できます。中長期的に見ると結構な体力の消耗になるんですよ。口臭っていうのは。ホームラン級の臭いだったな、あのタコ社長。

今日は家族サービスで久しぶりの横浜へ！仕事の関係上、いつも渋谷に行ってたから横浜に行ったのは良い気分転換でした。山下公園は、石川町から中華街を突っ切る感じで向かいました。そいやぁ中華街のオススメを2店舗ピックアップしておきますので機会あれば食ってみてください。マジうまいですよ。

1個目は、酔仙酒家って店の水餃子と空芯菜。


2個目は、吉兆のあさりそば。


オススメだから是非行くべしです。

久しぶりの携帯機種変更。W44Sって古い携帯から最新のSH004にして、機能もカメラの性能も画質も良くなって満足です。あと、この携帯はフォント（文字）が綺麗なのも結構気に入っています。

左の画像が前の携帯で、フォントがギザギザで文字が見にくいと思います。右の画像が機種変後の携帯。アンチエイリアス処理によって文字がとても見やすくて滑らか。
　

複数のパネルを順番に表示するウィザード形式のコンテンツを実装するJavaScript「Smart Wizard」を紹介したいと思います。インストールとかに良くある「次へ」「次へ」「完了」みたいなモノをWEBページ内に実装するようなイメージです。サンプルキャプチャは以下の通りです。


実際に動作するデモは以下をご覧ください。
Smart Wizard　Demo

実装やTipsなどについては続きを参照ください。

CSSだけで実装したパララックス（視差）効果を発見しましたので、紹介したいと思います。JavaScriptやFlashをまったく利用せずにhtml/cssだけで実装しているのが驚きです。というか、CSSでこんなことができるなんて知りもしませんでした。

実際に動くものを見ていただければ凄さがわかります。
CSS 3D Meninas

上記ページにアクセスし、メイン画像の上にマウスを置いて左右にカーソルを移動してみてください。背景が実際に動きますので驚きです。

Windowsのみですが、大人気のデスクトップカスタマイズツール「Rainmeter」の最新版がリリースされましたので紹介したいと思います。スキンライブラリーやプレビュー機能・詳細設定インストラクションなどが追加され、以前よりも更に使いやすくなりました。

サンプル画像は以下の通りです。

凄いですよね。こんな本格的にデスクトップをカスタマイズできるのです。

ダウンロード先などは続きを参照ください。

デザインも綺麗かつ、ユーザビリティに配慮して大量のサブメニュー項目を掲載するドロップダウン型のナビゲーションを実装するCSSとJavaScriptのTipsを紹介したいと思います。
グローバルナビゲーションにマウスを乗せると、サブメニューが存在する場合、展開することは良く見かけるかと思います。それの項目が多い場合の綺麗に見せる方法になります。

サンプル画像とDemoは以下の通りです。


Demoサイト

実装方法など詳細は続きをご覧ください。