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種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
GoogleCalendarをページに表示する「AJAX Google calendar Reader」
この「AJAX Google calendar Reader」を使えば、GoogleCalendarのRSSを表示可能。同様の原理でページに埋め込むこともできるらしいので、GoogleCalendarの予定を自サイトで表示したい場合に便利かも。 AJAX Magazine: Howto integrate Google Calendar in your website using AJAX オンラインデモはこちら http://phpmagazine.net/demo/ajaxcalendar/ ダウンロードはこちら http://phpmagazine.net/download/ajaxcalendar.zip 要するにRSSをページのコンテンツとして表示できるのであれば他のスクリプトでも同様のことは可能。
ウェブページに付箋機能をつける「noteit」 - ネタフル
ウェブサイトに付箋機能をつける「noteit」というCGIがありました。 ・今あなたが管理しているウェブページに付箋が貼れるようになる。 ・Ajaxな通信を用いたページ遷移のない付箋編集。 ・幅広い対応ブラウザ。 ・編集内容のRSSによる配信。 ・ひとつのCGIでウェブページをいくつでも付箋化。 ・軽い。(パスワード使用時でも28kb、不使用時で22kb(画像、css、js込み)) ・画像アップロード機能。 ・バックアップ機能。 簡単なスクリプトを挿入するだけで、ウェブページに付箋機能を取り付けることができます。 ちょっとした掲示板代わりにもいいですし、制作中のウェブサイトの修正点を知らせたりするのにも使えますね。いろいろと用途はありそうです。 itworks – testitからすぐに試すことができますので、興味のある方はどうぞ。
Bridge Word
This shop will be powered by Are you the store owner? Log in here
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる