jQuery Mobileを使ったスマフォ・タブレット向けサイトがささっと作成できる -Cooky、特に飲食関連のビジネスやブログにぴったり
Post on:2012年12月11日
個人でも商用でも、そしてクライアントのプロジェクトでも無料で利用できる、スマートフォン・タブレット向けのサイトが簡単に作成できるjQuery Mobileを使ったテンプレートを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2012-2d/2012121102.png)
Cooky -Free Mobile Site Template
Cookyの特徴とライセンス
Cookyはスマートフォン・タブレット向けのサイトが簡単につくれるよう、ページやエレメントが一式揃ったテンプレートです。
その名の通り、特に飲食をベースにしたビジネスやブログなどを想定してデザインされています。
- ValidなHTML5+CSS3で実装された11ページ。
- グリッド、アコーディオン、リスト、ボタンなども用意。
- レスポンシブ対応のスライダー。
- コンタクトフォーム。
- jQuery Mobile, Google Web Fontsの利用。
ダウンロードは「Get download link」に名前とメールアドレスを入力すると、そのメールにダウンロードのURLが届きます。
ラインセンス
利用にあたっては、個人でも商用でもクライアントのプロジェクトでも無料で利用でき、帰属も必要ない、とのことです。
詳しくはダウンロードファイルの「license.pdf」をご覧ください。
Cookyのデモ(ページ)
デモでは、Cookyの動作をスマフォやタブレットで確認できます。
下記に、代表的なページをキャプチャしました。
デモでは、トップページ、アバウト、ポートフォリオ、ブログ、コンタクトの各ページが用意されています。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012121103.png)
ポートフォリオのトップです。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012121104.png)
ブログのトップです。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012121105.png)
HTML5で実装されたシンプルなコンタクトフォームです。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012121106.png)
Cookyのデモ(エフェクト・テンプレート)
Cookyでは、エフェクトやテンプレートも用意されています。
ページ遷移のエフェクトは、フェード、ポップ、フリップ、ターンなど、多彩なエフェクトが簡単に利用できます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012121107-01.png)
グリッドやエレメントも揃っています。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012121107-02.png)
ボタン、ラジオボタンやチェックボックスも!
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012121107-03.png)
sponsors