<textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function() { $("#mainblock").corner("30px"); $("#menu ul li").corner("8px top"); }); </textarea>
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
Design Webデザイナーのためのコードスニペット125選『125 Code Snippets for web designers』 Webデザインのネタを探している。 そんなあなたにおすすめなのが、『125 Code Snippets for web designers』。Webデザイナーのためのコードスニペット125選だ。 以下にいくつかご紹介。 » Ajax Star rating Bar PHPとMySQLで作るレーティングバー。リロードはない。 » Ajax Contact Form Ajaxのコメントフォーム » Wufoo オンラインフォームを簡単に作成 » Adam’s Radio & Checkbox Customisation Method チェックボックスを画像を使ってカスタマイズする方法 » CSS Rounded Corners 画像やjavascriptを使
操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10%増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。 詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く