[B! css][ajax] kasankaのブックマーク

CSSとJavaScriptでチェックボックスなどをグラフィカルにする「formStyle」

IE7、Firefox、Netscape、Operaで動作するグラフィカルなイメージ画像を使ったチェックボックスとラジオボタンです。通常のチェックボックスなどではおもしろみがないという場合に使うとかなり大きなインパクトがあります。コードのダウンロードと実際の動作例は以下から。 Styled Checkboxes and Styled Radio Buttons | formStyle 動作例はこちら以下も似たようなタイプの例です。 Niceforms コードのダウンロードは以下から。 badboy.media.design :: articles :: Niceforms

kasanka 2007/09/12

リンク

AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」

操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10％増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。