ページ横にあるタブをクリックすると、スライドして出てくるサイトインフォパネル。jQueryを使って制作されているようです。DIVボックスが拡大しながら出てくるので、なんだかあまり見ない動きで気持ちイイっすねこれ。全部で3パターンのデモがあるんですが、ページ下部に全部まとまってます。3つめのタブ固定バージョンがナイス。ソースコードも同様にページ下部からDLできます。その内使ってみたいなこれ。
[WEB DESIGN] 25 Websites with Lighting Effects – Part III – ライトエフェクトを使ったクールサイト
なんだか今日はネタ帳記事が多いなぁ。こちらでは最近流行りのライトエフェクトを使ったクールサイトが25例紹介されてます。パート3という事なので1と2もあるようです。これ系のデザイニングって、スペーシーな印象になる事が多いようです。小綺麗な印象のサイトを制作する時に参考になる感じ。ところでSnow LeopardからAuroraの壁紙がマイチェンしてますね。ライトエフェクトデザインが流行った背景には、Windows Vistaも含むOSガラみのデザイニングの流れがありそうです。
[WEB DESIGN] 48 Trendy And Fresh Web Interfaces From Deviantart: August 2009 – Deviantartに見る、新しいウェブインターフェース
Deviantartに見る、トレンディで新しいウェブインターフェース。新しいとは言っても、実際特別斬新であったり前衛的であるわけでもなく、クールなインターフェースを集めたという印象。いかにも最近のグラデコテコテデザインから、シンプルなミニマルデザインまで色々揃っております。デザイン手法としてはモダンなものばかりなので、ネタ帳としてなかなかイイ記事なんじゃないでしょうか。自分こういう記事大好きです。
48 Trendy And Fresh Web Interfaces From Deviantart: August 2009
[WEB DESIGN] 30+ Examples of Big, Bold, and Beautiful Website Navigation Menus – 美しいナビゲーションメニュー
美しくデザインされたナビゲーションメニューを持つサイトを30例集めた記事。奥行きのあるデザイン、グランジ、デカメニュー、タブ表現といった感じで、どれもモダンな作りのものばかり。いくつかはJavascriptを使って動きのある表現をしています。メインメニューってサイト内でも使用頻度の多いUIなので、使いやすさとデザイン両面での参考になりそうです。
30+ Examples of Big, Bold, and Beautiful Website Navigation Menus
[FUNNY] camaro 5ta gen a la mexicana – 完璧な変形を再現したトランスフォーマーコスプレ
劇中でのトランスフォームを高いレベルで再現した、バンブルビーのコスプレ。いやこれスゴいっス！ ものの5秒でロボットがカマロに！ 変形のためにドアを収納したり色々準備する様子がなんていうか哀愁があってイイ感じですな。跪く時の「よっこいしょ」な感じも風情がありますｗ これならメガトロンが侵攻してきても安心であります。
[WORDPRESS] 10 WordPress ‘HOW-TO’ to Give Your Blog the Quality it Deserves – ワードプレスのナイスなハック集
ワードプレスで使えるナイスなハック集。紹介されている中から一部を抜粋すると、関連ポストでサムネールを表示、続きを読むのカスタマイズ法、ポスト中の最初のイメージを持ってくる方法、検索結果のハイライト表示、カテゴリーアーカイブ内での最近のポストの表示、パンくずリストのプラグインなしでの実装などがあります。機能面を拡充するこうしたTipsは勉強になります。
10 WordPress ‘HOW-TO’ to Give Your Blog the Quality it Deserves
[JAVASCRIPT] 20 jQuery Plugins and Tutorials to Enhance Forms – jQueryで拡張するフォーム
jQueryを使って、入力フォームを拡張するTipsが紹介されてます。一部を抜粋すると、初期入力値のフェード表現、入力内容についてのToolTip、チェックボックス置換、入力内容のプレビュー、フォーカス欄のハイライト、パスワードの安全性評価などがあります。入力フォームでちょっと気の利いた便利さを用意したい場合にイイですね。