SAMPLES INDEX

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