今回はjsフォルダ内にこの2つのファイルをコピーします。これで準備は完了です。作例サイトのスクリプトファイル、スタイルシートファイル、HTMLファイルの構成は以下のようになっています。一覧へDESIGN普通のtableタグを1行で動く表にするJSライブラリ「Yahoo!不動産」が採用する“ソートできるテーブル”を組み込んでみよう。ライブラリを使えば僅かな作業で実現できる。DESIGNGoogleマップ+jQueryで作るAjaxなデザインGoogleマップと自作のスクリプトで、地図と連動するショップガイドのWebサイトを作ろう。Lampの使い方を紹介する。DESIGNjQueryでクールなくるくるウィジェットを作ろうjQueryでかっこよく使いやすいUIを作ろう。今回は、くるくる回るカルーセルをページをめくるナビゲーションに使う方法について。運営するWebサイトに複数のショッピングサイトのアフィリエイトリンクを張りたい――そんなときはJavaScriptでちょっとした工夫をしてみよう。DESIGN意外性が心地よいJSメニューのWebデザイン米国のインタラクション・デザイナーのサイトで使われているナビゲーション。意外な動きが気持ちいいこのメニューをjQueryで再現してみよう。地図で入力できるWebフォーム「HTMLフォームでの都道府県名の選択」に特化した新発想のJavaScriptライブラリが登場している。Design作の「jsmap」がそれだ。jsmapをHTMLフォームに組み込むと、プルダウンで選択する代わりに、地図をマウスでクリックすることで都道府県名を入力できるようになる。00DESIGNJavaScriptライブラリで作るリッチUI(まとめ)簡単・便利なJavaScriptライブラリの使い方、実際の採用サイトの情報をまとめてみた。自分のWebサイトのUI制作の参考にしてみよう。あのサイトの“技”を盗め「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンにWebサイトをブラッシュアップしていく連載。第10回はサムネイル画像の魅力的な見せ方について。国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンにWebサイトをブラッシュアップしていく連載。第9回はFlickrのようなスライドショー機能を組み込んでみよう。00DESIGNHTMLもCSSも書換不要!気持ちいいスクロール国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンにWebサイトをブラッシュアップしていく連載。第8回はスムーズなスクロールを実現する方法について。00DESIGNFlashではなくjQueryで!インパクトのあるUIを作ろう国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンにWebサイトをブラッシュアップしていく方法を紹介する本連載。第6回はFlashを使わずにインパクトのある表現を実現する方法について。00DESIGNたった1行で再現する有名ECサイトのUIデザイン国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間も時間もかけずに自分のWebサイトをブラッシュアップしていく方法を紹介する本連載。第5回はECサイトの詳細検索ダイアログのUIに挑戦してみよう。00DESIGNYahoo!の流れるパネルをJSライブラリで再現スライドするタブネルを作ってみよう。既存の便利なJavaScriptライブラリを使いつつ、ちょっとしたカスタマイズの工夫も紹介。00DESIGNjQueryで作るAmazon流リキッドレイアウトAmazonのようにウィンドウの幅に合わせてコンテンツの表示を変えるようにしたい――難しいリキッド・レイアウトで使えるテクニックにチャンレジしてみよう。00TREND「最後の最後でお客が逃げた」を防ぐ「EFO」とは?Webマーケティング関連のイベントで出展が増えている「EOF」。スマホお気に入り一覧マイページ。