デザインの参考にもいい!レスポンシブ対応のHTML5/CSS3のテンプレートのまとめ
Post on:2013年12月3日
商用でも無料でいいの?というくらい美しくデザインされたHTML5/CSS3のテンプレートを紹介します。
デザインだけでなく、ページ内に取り入れたエフェクトもなかなか面白いものが揃っていますよ。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-01.png)
ミニマルなデザインが美しい1ページスクロール。パララックスの使い方、固定ヘッダの配置方法、ナビゲーションやパネルのエフェクトなど、随所にセンスが光ります。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-02.png)
1ページスクロール、大きな写真画像、水平タイプのスライダー、レスポンシブ対応、と今時のページが簡単に構築できるテンプレート。CSSはLESSです。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-03.png)
BootstrapベースのHTMLのテーマで、19の異なるレイアウトが用意されており、ギャラリー、スライダー、ライトボックス、アラート、アイコンなども備えています。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-04.png)
ミニマルにデザインされた1ページスクロール。カラーは6色用意されており、スタイルの変更も簡単です。スマフォ表示でのナビゲーションがかわいいです。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-05.png)
フラットなスタイルで1ページスクロール、スクロールと連動するナビゲーションのエフェクトが素敵です。レイアウトのPSDデータもついています。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-06.png)
ブラウザいっぱいにのレイアウトを活かした1ページスクロール。小規模な会社やポートフォリオ用にGoogle Mapsやコンタクトフォームも備えています。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-07.png)
印象的に写真やメッセージを発信したいポートフォリオなどに最適な1ページスクロール。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-08.png)
ナビゲーションをサイドに固定表示する1ページスクロール。スタイリッシュなポートフォリオなどに最適。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-09.png)
水平スクロール型のギャラリー用のページ。大きな写真が背景に使われているのも印象的です。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-10.png)
2つのレイアウトパターンを備え、カラーもスキンベースで変更できるテンプレート。逆V字のナビゲーションも面白いです。
個人・商用利用無料。
![サイトのキャプチャ](/wp-content/uploads-201303/2013120303-11.png)
フォトグラファーなど、写真をメインにコンテンツを作成したテンプレート。各コンテンツは半透明のパネルに表示させ、写真を効果的に見せます。
個人・商用利用無料。
sponsors