jQuery Responsive

HTML5＆CSS3デザインガイド

• HTMLレファレンス
• CSSレファレンス
• Webページの作成
• マルチデバイス対応サイト構築
• CSS3逆引きデザインレシピ
• レイアウト
• ユーザーインターフェイス
• グラフィック・タイポグラフィ
• デザインパーツ
• エンベディッド・コンテンツ

レスポンシブデザインテンプレート

• アコーディオンメニュー
• 固定したメニュー
• フローティングメニュー
• ドロップダウンメニュー
• レスポンシブメニュー
• グリッドレイアウト
• シングルページレイアウト
• レスポンシブギャラリー
• スマートフォンサイト
• PCショップ　Kaleidoscope
• HorizontalNav
• Responsive Navigation Menu
• TouchSwipe
• CSS Animation
• eBusiness Bootstrap
• MyPortfolio Bootstrap
• Robust Bootstrap
• Selling Bootstrap

業種別Webサイトテンプレート

• Webマーケティング,SEO,ホームページ制作
• マンション,一戸建て住宅デザイン
• リノベーション,リフォーム
• Baggage Eコマース
• ヨガ、ピラティス、ビューティ・ペルヴィス
• 美容室サロン
• ネイルサロン
• エステサロン
• フィットネスジム
• イタリアレストラン
• 高級和食/日本料亭
• こだわりの有機野菜専門店
• フラワーギフト専門店
• 季節の食材を使った手作りのお料理カフェ
• 季節の果物を使った
  スイーツのテイクアウト専門店
• Jazz Dining Bar Ural Owl
• ダイニングバー
• Dental Clinic

　Webサイトの各部名称と機能

サイト名	URL
MyBookEditor for Mac	http://www.mybook.co.jp/mac/
ANA公式サイト	http://www.ana.co.jp/

　Webレイアウトの基本6パターン

サイト名	URL
Bootstrap	http://getbootstrap.com/
Foundation	http://foundation.zurb.com/
Code Grid	http://www.codegrid.net/
Newsweek	http://www.newsweek.com/
CHANEL	http://www.chanel.com/ja_JP/
Media Queries	http://mediaqueri.es/

　シングルカラム型レイアウト

サイト名	URL
Made in the Future	http://madeinthefuture.co/
People & Store	http://people.st/
インド手刺繍の店 タンカ	http://www.tanka.in/

　マルチカラム型レイアウト

サイト名	URL
Yahoo! JAPAN	http://www.yahoo.co.jp/
MSN Japan	http://jp.msn.com/
日本経済新聞	http://www.nikkei.com/
CORUM	http://www.corum.ch/en
AND READY	http://www.dot-and-ready.net/
KITTE	http://jptower-kitte.jp/

　カード型レイアウト

サイト名	URL
Lonely Planet	http://www.lonelyplanet.com/food-and-drink
Zite	http://zite.com/
Flipboard	https://flipboard.com/
Masonry	http://masonry.desandro.com/

　1ページアプリケーション型レイアウト

サイト名	URL
Airbnb	https://www.airbnb.jp
SoundCloud	https://soundcloud.com/
Backbone.js	http://backbonejs.org/
AngularJS	https://angularjs.org/
Ember.js	http://emberjs.com/
Airbnb	https://www.airbnb.jp/
USA TODAY	http://www.usatoday.com/

　フルスクリーン型レイアウト

サイト名	URL
Long Story Short	http://www.longstory-short.co.uk/
Solar weekend	http://solarweekend.com/
The Boxtrolls	http://www.theboxtrolls.com/experience/the-cavern
RADICAL TESTA S.C.	http://www.radicaltesta.com/index_d.php

　グリッドを利用したレイアウト手法

サイト名	URL
Bootstrap	http://getbootstrap.com/
Foundation	http://foundation.zurb.com/
960 Grid System	http://960.gs
Golden Grid System	http://goldengridsystem.com/
VOGUE USA	http://www.vogue.com/?us_site=y
可変グリッドレイアウトのデモ	http://www.profoundgrid.com/examples/fluid.html
レスポンシブに対応した可変グリッドレイアウトのデモ	http://www.profoundgrid.com/examples/fluidresponsive.html

　レスポンシブなレイアウトパターン

サイト名	URL
Media Queries	http://mediaqueri.es/

Column　レイアウトの役割とは

サイト名	URL
Awwwards	http://www.awwwards.com/
BEST WEB GALLERY	http://bestwebgallery.com/

業種別Webサイトレファレンス

　美容室

サイト名	URL
資生堂美容室	http://salon.shiseido.co.jp/
宇都宮美容室.com	https://hairsalon-japan.com
美容室・美容院アース	http://hairmake-earth.com/

　エステサロン

サイト名	URL
スリムビューティハウス	https://slim.co.jp
エステティックサロン ソシエ	https://www.socie.jp/
エステティックサロン ゲラン	https://www.esgp.guerlain.co.jp/

　ネイルサロン

サイト名	URL
ElixirNail【エリクサーネイル】	https://elixir-nail.com
大人の女性のネイルサロン ACCUEIL-アクイユ	https://accueilnail.com
ダッシングディバ DASHING DIVA	https://www.dashingdiva.co.jp/

　フィットネス

サイト名	URL
【ティップネス】フィットネスクラブ	http://www.tipness.co.jp/
【スポーツクラブ ルネサンス】	https://www.s-re.jp
女性専用フィットネスジムBodies	http://www.bodies.jp/

　ヨガ

サイト名	URL
AGNIYOGA	http://www.agniyoga.jp/
グラヴィティヨガ協会	http://gravity-yoga.jp/
ホットヨガスタジオ LAVA	https://yoga-lava.com

　クリニック

サイト名	URL
札幌クララ美容皮膚科	https://clarabeautyclinic.jp
Original Beauty Clinic GINZA	https://original-beauty-clinic.com
美容皮膚科横浜マリアクリニック	https://cecile-cl.com

　歯科クリニック

サイト名	URL
銀座・東銀座の歯医者｜銀座みらい歯科	https://www.miraishika-ginzain.tokyo
CASANOVA DENTAL CLINIC	https://casanova-dental.com
株式会社デンタルサロンジャパン	https://www.dentalsalon-japan.com

　ハウジングカンパニー

サイト名	URL
東急リバブル	https://www.livable.co.jp
パナソニック ホームズ - Panasonic	https://homes.panasonic.com/
大和ハウス工業株式会社	https://www.daiwahouse.co.jp

　リフォームカンパニー

サイト名	URL
LIXIL | リフォーム	https://www.lixil.co.jp/reform/
注文住宅新築とリフォームの 浅井良工務店	https://www.asairyo.com/
ポラスアフターメンテナンス	https://www.polus.co.jp/after/

　ITカンパニー

サイト名	URL
ホームページ制作 大阪｜株式会社ユニオンネット	https://www.unionnet.jp/
株式会社ＮＴＴデータ・ビーンサービス	https://been-service.co.jp
東京都のWeb制作会社LINICA	https://linica.jp