ページにスパイスを効かせるためのJavascript
Sunday, June 24th, 2007
Javascriptって何でもできるんですね～。グラスボタンなんてのもscriptを使ってちょちょいのちょいって感じです。角丸を作るためのJavascriptって結構使われていますが、netzgesta.deのGlossy.jsはちょっと進化系です。
こういう普通のボタン画像がscriptの魔法で変身。
今までグラスの画像加工をしてたりしたけど、これでかなり手間が省けるんではないかな。
旅行の目的別で選んで表示してくれるデータベース Tripbase
Monday, May 14th, 2007
旅行の目的：夜遊び、食事、買い物、自然探索、アトラクション、の中から重要度を決めることで、旅行先を表示してくれるサービスTripbaseのalpha版が公開されています。
表示された中からさらに詳しく絞り込むこともできるようです。出発地や旅行タイプ、季節などを選ぶと金額に合わせてツアーが表示されてきます。
ツアーの詳細内容まで表示され、フライト検索やホテル検索までできます。これ便利かも。日本の旅行サービスでも提供してくれないかな。
CSSとJavascriptを使ったMac風メニュー CSS Dock Menu
Friday, May 11th, 2007
先日、Macos風のクールなWordpressのテーマiThemeを公開してくれたN.Design Studioが今度はMacos風なメニューCSS Dock Menuを公開してくれました。
jQueryのJavascriptライブラリーを使ったInterface elementsのインターフェイスを使用しているそうで、もちろんお得意のiconでほんとかっこいいです。もちろんソースもicon付きでダウンロードできます。以前にも似たようなメニューCSSを見つけたんですが、そのときはIE6.0では上手く表示されなくて、使うのを考えてしまったけど、CSS Dock Menuはどのブラウザでも対応しています。
iThemeに導入するとめっちゃかっこいいかも。
時間帯でCSSを切り替えるスクリプト
Tuesday, March 13th, 2007
これもGIGAZINEさんとこで紹介されていたネタのひとつです。cssを時間帯で切り替えてサイトの見え方を変えてしまうスクリプト｢Time Sensitive CSS Switcher｣。夜明け⇒朝⇒正午⇒昼下がり⇒夕暮れ⇒夜と6段階での切り替えが紹介されています。この発想なんかいいなあ～。ただ見る側の環境ではなくて見せる側(サーバー？)の方の時間を読み取って表示させるようなので、海外からの訪問だと時差があるみたい(笑)。どこの時間帯で表示させているかを入れておいてもいいかもしれない。今度使ってみようっと。
IE6.0だと上手く表示されなかったので、少しＣＳＳ自体の検証が必要かも。ＦｉｒｅＦｏｘでは肝心な部分はきちんと表示されました。ＩＥ7.0で最適化のようです。
角丸の吹き出しを作るCSS Speech Bubbles
Tuesday, February 13th, 2007
CSSを使って角丸吹き出しを作成することができるCSSファイルとJSファイルがコンポーネントされた｢CSS Speech Bubbles｣。XHTML 1.0 strictにも準拠されていて、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認済みのお便利セット。
他にもフォームの入力エラーを吹き出しで教えてくれる JavaScriptという面白チップスもあります。これなら、どんな年代の人でもわかりやすくていいな。
