[B! ajax][*web制作] fukada_hのブックマーク

JavaScriptでびゅんびゅんスライド！ページ切換法 (1/5)

HTMLだけで作ったシンプルなサイトもいいですが、時にはもっと派手なサイトを作りたい、ということ場合もあるでしょう。これまでもこの連載ではさまざまな“小技”を紹介してきましたが、ページ全体を大きく描き換えるには、以前ならFlashが不可欠でした。ところが最近では、JavaScriptとHTMLの組み合わせでも、かなりの表現できるようになり、実際にそうしたWebサイトも増えてきています。今回はそんなサイトの1つ、「Baltijos prodiuserių grupė」にページ全体の切り換えテクニックを学びたいと思います。今回のお手本サイト：『Baltijos prodiuserių grupė』リトアニアでイベントの企画・制作を手がける企業のコーポレートサイト。会社概要、業務内容、事例紹介の3つのコンテンツと問い合わせフォームからなるシンプルな構成。フルーツや花など、植物の写真と楽器

fukada_h 2009/03/09

リンク

jQueryのプラグイン100選 -2008年総集編 | コリス

seekAttention 注目箇所だけハイライトのアニメーションで強調。スクロール・ドラッグなど操作関連のjQueryのプラグイン

fukada_h 2008/12/04

リンク

AjaxZip 2.0

Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した『ajaxな住所入力フォーム』の新バージョンです。郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。以下の住所入力フォームに、7桁の郵便番号を入力してみてください。【2007/12/09 追記】 jQ

fukada_h 2008/02/16

リンク

第1回 Ajax---動的なWebアプリケーションを作るための技術

この記事は，日経ソフトウエア2006年7月号，連載「簡単実装で学ぶWeb技術2006」の第1回「Ajax――動的なWebアプリケーションを作るための技術」の再録です。記事は執筆時の情報に基づいており，現在では異なる場合があります。こんにちは，結城浩です。この連載では，Web技術を具体的でシンプルなサンプル・プログラムを通して紹介します。進歩と変化の激しいWeb技術は，手際よく本質をつかんでいきたいものですね。小さいけれどもわかりやすいサンプルを実際に動かして「なるほど，こういうものだったのか」と思っていただければありがたいです。題材は，新しいものから基本的なものまで幅広く取り扱っていく予定です。第1回のテーマは「Ajax」です。サンプル・プログラムは三つあります。動的で応答性のよいWebアプリを作る技術 Ajax（エイジャックス）は，一言でいえば「JavaScriptを使って動的な