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 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
Ajaxなどでよく作りこまれた世界時計の『World Clockr』 | 100SHIKI
世界時計はたまーに使う。旅行をするときや海外の友人と連絡をとるときだ。 はっきりいって時間がわかればいいので機能は求めていないのだが、なんだかWorld Clockrは気に入った。 このサイト、Ajaxを使った世界時計サイトであるが、細かいところまで作りこまれている点が素敵だ。 Google Map上から直接時計を追加できたり、日の出、日の入り時間を表示してくれる。 なにより現地の様子を時計の背景で示してくれる点がわかりやすい。夜なら夜空の画像が、夕方なら夕焼けの画像が表示されているのだ。 よくあるものでも細部まで作りこむ。なんでも揃う今だからこそ、そうした心意気が響きますね。 管理人の独り言 『さて、と。勉強会へのお誘い。』 さてようやくお知らせできるようになりました（遅れちゃってごめんなさい）。 来週の勉強会ですが「ブログマーケティング勉強会議 sponsored by SONY」を行
Google AJAX Search でブログ内検索
Blogger Beta になってから、ナビゲーション・バーのブログ検索 (「SEARCH THIS BLOG」とあるやつね) が使いものにならなくなった。英語はいいんだけど、日本語の検索が全く通らない。仕方がないので、Blog Search の検索ボックスを、サイドバーに自前で付けようと考えたのだけど、せっかく付けるのなら最近 1.0 がリリースされたばかりの Google AJAX Search を付けてみようと思いたった。 Google AJAX Search API Google AJAX Search は、ウェブサイトに検索結果を AJAX に表示するツール。JavaScript をちょこちょこ書くだけで、Google ウェブ検索はもとより、Blog 検索、ニュース検索、Google Video、Google Maps などと連携した検索結果を表示できる。 検索結果の表示が素早い
「Google AJAX Search API」で検索窓をウェブサイトに - ネタフル
Google，Web／ビデオ／ブログ／ニュース／地図検索用のAjax APIをベータ公開という記事より。 同APIを利用すると，Googleの検索ボックスを任意のWebページに設けることができる。Web，ビデオ，ブログの検索が可能。 Googleの検索機能を外部から利用できるようにするAPI「Google AJAX Search API Version 1.0」が公開されています。 これを使うと、例えば自分のウェブサイト上にGoogleの検索窓を付けることが可能になります。ウェブだけでなく、ビデオ、ブログ、ニュースなどの検索も可能だそうです。 事例をGoogle AJAX Search API Samplesで見ることができます。Google AJAX Search API Playgroundみたいな使い方ができると面白いですね。
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
Thumbstacks -- 「WEB上にあること」の価値
GoogleがWritelyを買収する、ということで話題になっていますが（参考記事：IT Pro「米Google，“Ajaxワープロ”のWritelyを買収」）、WEBアプリケーションでも十分に使えるオフィス系ツールが増えてきています。その1つ、最近「百式」や"TechCrunch"で紹介されて話題になっているプレゼンテーション作成ツール・Thumbstacksを試してみました。 バージョンアップの理由（百式） Thumbstacks - Ajax/Flash Web PowerPoint (TechCrunch) プレゼンテーション作成ツールとは、Microsoft Officeで言うところのPowerPointです。Thumbstacksで提供されているサンプルがありますので、まずはそちらを見てもらうと速いでしょう： Thumbstacks.com! 非常にシンプルなツールで、Powe
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をページのコンテンツとして表示できるのであれば他のスクリプトでも同様のことは可能。
AJAXロード時のアニメーションGIFを作成する「Ajaxload」
AJAXを駆使したサイトを作成する際のアクセントとして、AJAXロード時のアニメーションGIFをいろいろなパターンで作成できます。全部で17種類あり、それぞれに背景色や描画色、透過するかどうかなどを設定できます。 ちなみに上記画像はすべてこの無料サービス「Ajaxload」で作成したものです。 Ajaxload - Ajax loading gif generator http://www.ajaxload.info/ 「Generate it」をクリックすれば「Preview」にプレビューが表示されるので、あとは「Download it」をクリックしてダウンロードすれば完了。お手軽で良い感じ。
iteman's blog
ほぼスマホ・MEDIAS for BIGLOBEの広告が気になり、ホームページにアクセスしてみました。 要はMVNOですね。今ならキャンペーン中で、「MEDIAS NEC-102」がタダとのこと。スマホの代わりにモバイルルータも選べるようです。 月額は、24時間使えるスタンダードプランで2,980円。2:00～20:00の時間限定のデイタイムプランで1,980円。安い・・・。 このデイタイムプランってのは魅力的ですね。なんか使いすぎると速度制限があるみたいですけど、まあそんなに動画とかガンガン見たりすることもないのでおそらくその点は大丈夫でしょう。 非常に気になる存在ですね。他の人のレビューとか見てみよう・・・。
AJAXアプリは客のわがままを聞いてくれるレストラン
UIEngineの説明をする際に、「通常のウェブ・アプリケーションと異なり、非同期通信を使ってクライアント側でデータ・バインディングをするので、ストレスの少ないユーザー・エクスペリエンスを提供できます」と言ってきた私だが、「データ・バインディングとは何か」を知らない人が意外に多いことに気がついたので、ここで解説しておく。 得意の食べ物にたとえれば、データ・バインディングは「調理」に相当する。定食屋のように全ての食材（データ）をキッチンで調理をしてしまってから一度に持ってくるのが「サーバー・サイドでのデータ・バインディング」で、紅花レストランのように食材をテーブルまで持って来て目の前で調理してくれるのが「クライアント・サイドでのデータ・バインディング」である。 食材を一度にはテーブルに運ばず、客が一つ目の料理を食べている間に二つ目の料理の食材を運んで料理をしておき、一つ目の料理を食べ終わった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to iRows - iRows
dPolls.com
kentarok.org - Docs » Translations » Ajax: Web アプリケーション開発の新しいアプローチ
openomy
Ajax を使った手書き文字認識
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」
【クリップ】Ajaxを勉強しよう | ミズタマのチチ
gaspanik weblog:<wbr> Ajaxなカウンター
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる