25 Ajaxのコードスニペットとチュートリアル

オリ·で2009年2月13日37コメント




ajax それは金曜日のフラッシュバックだ！ 25 Ajaxのコードスニペットとチュートリアルの私達のリストは、最近更新され、現在は再リリースされました！ 我々は、コードスニペットなどをドラッグ＆ドロップリスト、投票、RSSリーダー、ブックマークレット、さらにはDigg風の投票スクリプトを作成するためのAjaxのチュートリアルへの直接リンクを並べ替え、共有、保存するためのAjaxリソースは2つのダブルスクープを持っている。 リフレッシャーコースをお楽しみください。

私たちの後のコード スニペットをウェブデザイナーシリーズの、我々は25 Ajaxのチュートリアルやコードスニペットを提示。

JavaScriptとCSSでソート可能なリストをドラッグ＆ドロップ -と個人的にいくつかを実装- -リスト内の項目を並べ替える方法Webアプリケーションでは、私は数多く見てきました。

128.jpg

AJAXでのより良いファイルのアップロード -ブラウザベースのファイルアップロードは、HTMLの<input type="file">タグを含むもの、特になく、常に不足してきました。 私はあなたのほとんどが知っている確信しているとして、10MBを超えるファイルのアップロードは、しばしば非常に悪いユーザーエクスペリエンスを引き起こします。

220.jpg

WebベースのPOP 3クライアント開発 -この記事では、3つの部分の最初は、メールサーバーからメッセージを取得するには、 "XMLHttpRequestを"オブジェクトを使用するAJAXを使用して簡単なWebベースのPOP 3クライアントを、作成が開始されます。

611.jpg

AJAXユーザの可用性チェック -このAJAXの例の目的は、彼らが使用するユーザ名が既にないか取られるかどうかを確認するためにあなたのサイトに登録されているユーザーを許可することです。

78.jpg

AJAX RSS Readerは -これはAJAXリーダーはJavaScriptのみで書かれている、それだけで、同じサーバー上のバックエンドURLをリクエストしてフィードが結果が表示されます。

811.jpg

10分未満でAJAXサイトを作る -私は、AJAXアプリケーションとXMLHttpRequestの周りいじるしてきたが、非同期的にその内容のすべてをロードするサイトを設置したいと思っていた。 あなたは私に似ていると、あなたはあなたの最初のAJAXのウェブサイトからわずか10分離れている例を使用した作業から最高を学びます。

97.jpg

アニメーションのLive Search -私はこの最新の設計用に作成されたLive Searchの上に少しチュートリアルを与えるためにいくつかの時間を意味してきた。 そこに関与するいくつかのステップがあり、私たちが行くようにそれぞれを説明するために最善を尽くします。

106.jpg

AJAX：巨大なブックマークレットを作成 -ブックマークレットは、ユーザーのリンクツールバーにドラッグし、後にクロスサイトの動作を実装する上でクリックすることができますすることができるJavaScriptコードの特別な作品です。

1113.jpg

動的にロードされた記事

129.jpg

AJAXを使用してウェブサイトにGoogleカレンダーを統合する -私はGoogleカレンダーでは、面白い機能の一つは、プライベートまたはパブリックの一つだどんなXMLまたはiCalとして共有カレンダーだけでなく、カレンダーの可用性を作成する可能性があります。 私達は利用できる私達のカレンダーのXMLがあるとすぐにウェブサイトで直接Googleカレンダーを統合しない理由私は思っていた。

146.jpg

Ajaxの入門 - 2005年のスタートは比較的新しい技術の台頭を見て、吹き替え œAjaxâAdaptive PathのJesse James Garrett氏による。 Ajaxは、Asynchronous Javascript and XMLの略です。

155.jpg

Ajaxのスライドショー -私はしばらくの間、AJAXベースのスライドショーを作成する方法について考えてきたし、今日それは起こった！ 今日、私はこのプロジェクトのコード（おそらく最後の1つ）私の最初の行を書いたが、一瞬私は結果に非常に満足を感じる。

164.jpg

Ajaxのpollスクリプト

174.jpg

控えめな分解性のAjaxスタイルシートスイッチャー

194.jpg

Digg風の投票

204.jpg

ソート可能なテーブル

2110.jpg

Ajaxのツールボックス - Ajaxを使ってプレイしよう！ 商業·同人ダウンロード販売は、単純なAjaxの例とテクニックのためのショーケースとなるように設計されています。

225.jpg

Scriptaculousは - script.aculo.usは、WebサイトやWebアプリケーションが飛ぶように使いやすい、クロスブラウザのユーザーインターフェイスのJavaScriptライブラリを提供します。

234.jpg

プロトタイプ - Prototypeは動的なWebアプリケーションの開発を容易にすることを目的とJavaScriptフレームワークです。

244.jpg

Moo.fx - moo.fxは、prototype.jsやMooToolsのフレームワークで使用するsuperlightweight、ultratiny、megasmall javascriptの効果ライブラリであり、

253.jpg

codesnippetsは、ユーザーがタグやAjaxなどのようなレールとjavascriptでルビーのような他のプログラミング言語のための店便利なソースコードのスニペットをすることができます。

code-snippets

DZoneは、便利なコードスニペットを格納し、発見、共有するための別のリソースです。

dzone

Snipplerは、あなたが毎日使っているコードのすべての小さな断片を保存＆整理するためのコードのリポジトリです。 また、ユーザーは他のプログラマーやデザイナーとコードスニペットを共有することができます。

snippler

作成プログレスバー Ajaxを使用しています。

ajax-progress-bar

ここで作成するためのいくつかのコードであるJAX段落トグル 。

ajax-paragraph-toggle

オリについて
オリバーデールはKoocメディア、Webアプリケーション、オンラインコミュニティに特化し、英国ベースのWeb会社の実行Wordpressの チュートリアル ＆ Wordpressの プラグイン 。

コメント

"25 Ajaxのコードスニペットおよびチュートリアル"への37の応答
  1. Jeej - 言う：
    17:50に2007年3月20日

    "多分you’VEは私のサイトでそれに気づいた、多分私のデザインが意図的に目立たないではないので。 小さなタブが言う右側にちょうどマストの下にあります“MoreStuffâ€。 あなたはそれをクリックすると、大面積は、それに関する情報の束とオープンスライドします。 これは、“shelf†"です。

    あなたはそれOperaで表示されません。 私にはありません。

  2. ダン- http://www.kwoff.comは 言う：
    16:44に2007年3月23日

    包む素晴らしい...私はB4 Googleカレンダーのものを見てhadnt！ ありがとうございました。

  3. 1dollar - http://aglomerate.comは 言う：
    13:22に2007年3月29日

    じめじめしたJE voor DIT overzichtバンAJAXライブラリ。

  4. ivatld - http://www.is.edbtj.edu.zaは 言う：
    午前1時17時2007年5月13日

    こんにちは私の名前はivatsuです。

  5. 青い花- http://romnvjfyr.comは 言う：
    19:59に2007年6月14日

    良いサイト。

  6. スージー- http://www.tutsbuzz.com/tr.htmlは 言う：
    午前4時10分に2007年8月18日

    素晴らしいコレクションのおかげで...

  7. シャシ- http://jerry-shashi.blogspot.comは 言う：
    午前9時37分に2007年8月23日

    それは、あなたは、Ajaxを使用してサイトを開発したり、されていない素敵なアイテムです

  8. サイトekle - http://www.sitesitesi.netは 言う：
    12:22に2007年9月1日

    AjaxはプロのWebページの開発を行っ豚力である。 私は学びたいと思っています。 しかし、それは困難である

  9. ajaxboy - http://www.ajaxkaynak.comは 言う：
    午前11時52時2007年9月28日

    私は自分のウェブにこのコンテンツを追加します。 THX

  10. tasarıM - http://www.antalyawebsite.comは 言う：
    午前6時41分に2007年10月3日

    ありがとうございます。 チュートリアル良い。

  11. antalyaticaret - http://www.antalyaticaret.orgは 言う：
    午前6時42分に2007年10月3日

    ありがとうございます。 良い

  12. turkiyeotel.net - http://www.turkiyeotel.netは 言う：
    午前六時43分に2007年10月3日

    ありがとう :)

  13. bilgiland.com - http://www.bilgiland.comは 言う：
    午前六時43分に2007年10月3日

    本当に私はそれを愛する！！

  14. teknolojhi.com - http://www.teknolojhi.comは 言う：
    午前六時43分に2007年10月3日

    あまりにも私はい！

  15. antalyashop.com - http://www.antalyashop.comは 言う：
    午前6時45分に2007年10月3日

    deneme deneme 123

    ありがとう

  16. inkemer.com - http://www.inkemer.comは 言う：
    午前6時45分に2007年10月3日

    あなたをtahnk

  17. azrehber.com - http://www.azrehber.comは 言う：
    午前6時45分に2007年10月3日

    davarありがとう

  18. 7ze.net - http://www.7ze.netは 言う：
    午前6時45分に2007年10月3日

    真田canimありがとう

  19. antalyawebtasarimi.com - http://www.antalyawebtasarimi.comは 言う：
    午前六時46分に2007年10月3日

    ハニハニバナ·バナ :)
    あなたのエディタに感謝

  20. 7ze.org - http://www.7ze.orgは 言う：
    午前6時47時2007年10月3日

    はい良いappititeはあなたに感謝

  21. personelkiralama.com - http://www.personelkiralama.comは 言う：
    午前6時47時2007年10月3日

    た人員のブログは素晴らしいですが、あなたは素晴らしい仕事をしてくれました

  22. ゲーマー- http://www.betring.netは 言う：
    午前2時45分に2007年11月11日

    感謝

  23. dizi izle - http://video.diziyeri.comは 言う：
    16:38に2007年11月11日

    おかげでhttp://video.diziyeri.com

  24. ファティ- http://www.gulumsesem.comは 言う：
    16:15に2007年11月13日

    感謝

  25. dizi izle - http://www.dizivefilm.comは 言う：
    2:44 pmに2007年11月22日

    どうもありがとうございました

  26. MirazTutorials - http://www.miraztutorials.comは 言う：
    12:15に2009年2月15日

    スニペットと私は知っていたチュートリアルのおかげで、約半数が、私は私の知識はとても優れたacpandedていることを知らなかったことを他の半分を言う :)

  27. shaz - http://www.miraztutorials.comは 言う：
    12:17に2009年2月15日

    よくやったリソースとリストのおかげで

チュートリアルのブログ