[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

ajaxに関するjunhirabayashiのブックマーク (13)

  • 20の優れたAjax効果*ホームページを作る人のネタ帳

    web開発者が知っておくべき20の上位リストを作成している記事がありましたのでご紹介。 何気なくAjax使ったりしますけど、色々あるものですねぇ。 中でもこれは使えそうだなぁと思う7点をピックアップいたしました。 テキストボックスのオートフォーム 自動入力完備というか、入力した語句から検索してリスト化する機能。 サンプル / ダウンロード ブラウザでインスタントメッセンジャー ブラウザ上でスムーズなメッセージのやり取りを可能にする。 地味に日語も対応されているところが素敵ですね。 サンプルログインはID『test』PASS『test』です。 サンプル / ダウンロード フォームの監視 ユーザーがフォームに入力し、送信するというのは、一般的な仕組みとして使われています。 こうした仕組み上、誤った情報を入力し、送信→誤りがありますというメッセージとともに、再度入力ページに戻るというフォームス

    20の優れたAjax効果*ホームページを作る人のネタ帳
    junhirabayashi
    junhirabayashi 2008/10/14
    web開発者が知っておくべき20の上位リストを作成している記事がありましたのでご紹介。 何気なくAjax使ったりしますけど、色々あるものですねぇ。 中でもこれは使えそうだなぁと思う7点をピックアップいたしました。
  • | ^^ |秒刊SUNDAY | ずばり!コレさえあればWebシステムは完璧なAjaxサンプル集

    2008年06月04日 ずばり!コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession

  • あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 – creamu

    DiaryTechnology あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 あのかっこいいサイトのAjaxを取り入れたい。 そんなあなたにおすすめなのが、『60 More AJAX- and Javascript Solutions For Professional Coding』。あのサイトのAjax、Javascriptを実装するための方法60選だ。 ↑はCoda Popup Bubbles。 クールなポップアップメッセージが表示される。 » iCarousel carouselを作るためのオープンソース(フリー)Javascript » Product Slider スライダーで商品を選択できるインターフェース » Oversize

    junhirabayashi
    junhirabayashi 2008/04/16
    あのかっこいいサイトのAjaxを取り入れたい。 そんなあなたにおすすめなのが、『60 More AJAX- and Javascript Solutions For Professional Coding』。あのサイトのAjax、Javascriptを実装するための方法60選だ。
  • AjaxMail:Ajaxを活用したフリーPHPメールフォーム

    ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。

    junhirabayashi
    junhirabayashi 2008/03/27
    AjaxMailはAjaxを活用したフリーPHPメールフォームです。 具体的には (1) ewebのPHPメールフォーム にカスタマイズを加え (2) Kawa.netのAjaxZip2.0 住所検索機能を付加し (3) AdobeSpry で項目をチェック
  • Melissa Hie | Product Designer | Singapore

    I'm Melissa Hie — a designer, travel blogger, occasional coder, food enthusiast and last but not least, a mother.

    Melissa Hie | Product Designer | Singapore
  • [JS]ページ内をスムーズにスクロールできるスクリプト:更新- 3.0.2

    ページ内をスムーズにスクロールできるスクリプト:Page Scrollerの最新版「3.0.2」をリリースしました。 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 主な変更点は、下記の通りです。 3.0.2 jQuery 1.2.2に対応しました。 ページ外のリンクからのスクロールに対応しました(demo 10)。

    [JS]ページ内をスムーズにスクロールできるスクリプト:更新- 3.0.2
    junhirabayashi
    junhirabayashi 2008/01/25
    ページ内をスムーズにスクロールできるスクリプト:Page Scrollerの最新版「3.0.2」をリリースしました。
  • 第1回 まずは実装してみよう | gihyo.jp

    はじめに この連載では、Javascriptは知っているけどAjaxは実装したことがないという方に向け、YouTube APIを利用したWebアプリケーションを題材に、実装の方法を解説します。 JavascriptのライブラリはjQueryを使用します。jQueryによるAjax実装、基的な使い方、また、UIへの応用実装も合わせて解説します。 Ajaxってなに? Ajaxとは、Asynchronous Javascript+XMLの略称です。Javascriptを使い、Webページとは非同期(Asynchronous)にXML形式(もしくはテキスト形式)のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず、Webページの必要な部分だけ必要に応じて書き換えることができるため、ユーザビリティの高いWebアプリケーションを作ることができます。また、異なるWebサ

    第1回 まずは実装してみよう | gihyo.jp
    junhirabayashi
    junhirabayashi 2008/01/10
    この連載では,Javascriptは知っているけどAjaxは実装したことがないという方に向け,YouTube APIを利用したWebアプリケーションを題材に,実装の方法を解説します。
  • AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」:phpspot開発日誌

    Psyrens.com Scripts - AJAX CAPTCHA AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」。 次のような、Checkボタンを押すと、画面遷移せずにCAPTCHAの値が正しいかどうかを確認するサンプルがダウンロード可能です。 CAPTCHA の値が正しければ、インプットボックスの背景が緑色に、正しくなければ赤色になります。 Ajaxで作ったフォームでどうしてもCAPTCHA を使用したいという場合に参考にできそうなサンプルですね。 関連エントリ 文字を読み上げてくれるWEBAPI「Audio CAPTCHA Web Service」 ねこでコメントスパムを防ぐ「Auth_Kitten」 数字の足し算を行わせてCAPTCHA認証を行うPHPライブラリ「PEAR::Text_CAPTCHA_Numeral」 PHPで使えるCAPTCHA

    junhirabayashi
    junhirabayashi 2007/12/17
    AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」。 次のような、Checkボタンを押すと、画面遷移せずにCAPTCHAの値が正しいかどうかを確認するサンプルがダウンロード可能です。 CAPTCHA の
  • AJAXを使った素晴らしいCSSフォームの47のサンプル | コリス

    noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。

    junhirabayashi
    junhirabayashi 2007/12/14
    noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
  • 『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳

    タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったですね。 口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。 以下からサンプル&ダウンロード可能 タブメニューに関して 最近仕事のほうも忙しくなり、なかなか更新できないでいます。 そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。 ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン

    『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
    junhirabayashi
    junhirabayashi 2007/11/05
    タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。
  • MOONGIFT: » 文句なしのWiki「MindTouch Deki Wiki」:オープンソースを毎日紹介

    完成形を見てしまった気がする。それくらいできが良い。 これまでWikiエンジンを幾つも紹介してきた。もちろん、機能面ではもの凄く充実しているものも数多い。だが、使い勝手や初期状態での機能等を考えると、これがまさに完成系と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはMindTouch Deki Wiki、エンタープライズ向けのWikiエンジンだ。 欠点がなさすぎる。日語はもちろんOK、Ajaxを使って遷移の少ない作り、履歴管理+差分表示にももちろん対応している。編集はWYSIWYGなテキストエリアでできる。 ヘッダを作れば、その中だけで編集できる。画像をアップロードして、埋め込むのも簡単。ページの階層管理もできて、タグも使える。ウォッチリストに登録、コメントをする、RSS配信など何でもござれだ。 さらに多言語対応、Google Analyticsを埋め込めるなどな

    MOONGIFT: » 文句なしのWiki「MindTouch Deki Wiki」:オープンソースを毎日紹介
    junhirabayashi
    junhirabayashi 2007/11/02
    完成形を見てしまった気がする。それくらいできが良い。 これまでWikiエンジンを幾つも紹介してきた。もちろん、機能面ではもの凄く充実しているものも数多い。だが、使い勝手や初期状
  • マウスの軌跡をJavaScriptとPHPで記録し再生するサンプル:phpspot開発日誌

    puRe aka Marcel Oelke Record mouse movement using Javascript and AJAX マウスの軌跡をJavaScriptPHPで記録し再生するサンプル。 mousemove イベントハンドラの発生ごとに、Ajax で座標をサーバ側に送信し、PHPでデータを保持する仕組みで実装されているようです。 クリックイベントも取って再生することも出来るみたいです。 prototype.js ベースで、実装されているみたいですが、応用して、サイト利用者のサイトの利用法について調査することなどが可能になりますね。 実際の動作デモはこちら

    junhirabayashi
    junhirabayashi 2007/10/26
    マウスの軌跡をJavaScriptとPHPで記録し再生するサンプル。 mousemove イベントハンドラの発生ごとに、Ajax で座標をサーバ側に送信し、PHPでデータを保持する仕組みで実装されているようです。
  • WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳

    (2007.7.20 記事更新) 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ(hello worldをクリック)だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト+Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン

    WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳
    junhirabayashi
    junhirabayashi 2007/07/19
    誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。
  • 1