SAMPLES INDEX

Sample Design
Webデザインのサンプルです。
P163|DropDown Navi
jQuery を使ったドロップダウンメニューです。
P168|Contents Slider
jQuery Cycle Plugin を使ったスライダーです。
P174|Form Validation
フォームに入力された値を、送信前にその場でチェックします。jQueryプラグイン使用。
P182|Form UI Elements
チェックボックスやラジオボタン、セレクトボックスを画像で装飾!セレクトボックスにはjQueryプラグインを使用しています。
P192|jQuery UI Accordion & Tabs
jQuery UI を使ったアコーディオンとタブです。
P199|Box Equal Heights
コンテンツの量によって、バラバラだったボックスの高さを jQuery で揃えています。
P201|Masonry
jQueryプラグイン、Masonry.js を使ったサンプルです。
P202|Masonry Multi Columns
こちらも Masonry ですが、大きさの違うボックスがある場合です。
P203|Masonry Liquid Layout
リキッドレイアウトでの Masonry。ブラウザのサイズを変更してみてくださいね!
P205|Full Screen Background Image
背景にフルスクリーンの画像を使ったサンプルです。jQueryプラグイン使用。
P206|Full Screen Background Image Slideshow
背景のフルスクリーン画像でスライドショー。こちらも同じプラグインです。
P207|Sliding Top Panel
スライドしながら現れるトップパネルです。
P208|Fade Effect Upon Scroll
スクロールするとフェードアウトで現れるボックスです。
P210|Fade Effect Upon Scroll 2
こちらはコンテンツの終わりに近づくと、フェードアウトで出現するボックスです。
P212|Font Size
ページのフォントサイズを拡大したり縮小したりするサンプルです。jQueryプラグイン使用。
P229|Google Map API
Google Map API と jQueryプラグインを使った地図の埋め込み。
P236|Google Custom Search
Googleカスタム検索を使った、サイト内検索のサンプルです。
P243|Custom Youtube Player
Youtubeの動画を埋め込み、プレイヤーのデザインを変更しています。jQueryプラグイン使用。
P261|jQuery Mobile
jQuery Mobileを使ったサンプルページ。スマートフォンで見てくださいね!
CHAPTER8|WordPress Sample Site
WordPressで作成した、コーポレートサイトのサンプルです。