- 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で作成した、コーポレートサイトのサンプルです。