商用無料でしかも高品質!レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ
Post on:2016年5月31日
最近のWebページで人気のある縦長ページ、繊細なインタラクション、大きい写真画像を使ったヘッダ、カード型コンポーネントなど、UIデザインのトレンドが取り入られたHTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。
各デバイスごとのレイアウト、気持ちいいアニメーションなどの勉強にもいいですね。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-01.png)
最近のトレンドでもあるビジュアルのセクションを広く確保し、洗練されたアニメーションを備えたインタラクションが気持ちいいテンプレート。個人のポートフォリオからプロダクトのランディングページまで、何かを見せることに適しています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-02.png)
コンテンツがスクロールに追従するように表示されるテンプレートで、あらゆるビジネスサイトで利用できます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-03.png)
タブ型ナビゲーションを採用したレジュメやvcard用のテンプレート。タブのアニメーションに対応するようにコンテンツもアニメーションで表示されます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-04.png)
フォトグラファー・イラストレーター・Webデザイナーなどの作品を見せるギャラリー用のテンプレート。画像拡大やギャラリー機能、配下ページも用意されています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-05.png)
ビジネス用の多目的なテンプレートで、よく利用されるさまざまなコンポーネントが用意されています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-06.png)
モダンなデザインに、繊細なアニメーションを備えたランディングページ用のテンプレート。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-07.png)
シンプルでミニマルにデザインされた小規模のビジネス向けテンプレート。プロダクトやサービスを見せることに重点をおいたつくりなっています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-08.png)
iOSなどのスマホアプリのランディングページ用のテンプレート。アプリの特徴やスクリーンのギャラリー、動画なども掲載できます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-09.png)
カミングスーン用のテンプレート。クリエイティブでモダンにデザインされており、代理店などにぴったりです。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-10.png)
多目的用のWordPress対応のテーマで、Woo-commerceにも対応しているのでオンラインショップを始めることもできます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-11.png)
個人ブログやギャラリー用のWordPressのテーマ。すっきりしたグリッドレイアウトが作品を見栄えよく見えます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-12.png)
ブログやマガジンタイプのWordPressサイトに適したテーマで、パララックスのヘッダ、レスポンシブのスライダーなど、カスタマイズ可能なコンポーネントが用意されています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-13.png)
企業や代理店のポートフォリオ用のテンプレート。オフキャンバスのドロップダウンメニューを備えたベーシックなデザインです。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-14.png)
Webデザイナー・デベロッパーのポートフォリオ用のテンプレートで、ページの移動時に気持ちいいアニメーションを備えています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-15.png)
レイアウトをワイド・ボックスで変更することができ、カラーも同様に変更できるカスタマイズが簡単なテンプレート。スクロールでふわっとコンテンツが表示されます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-16.png)
大きな画像を引き立たせるようレイアウトされたポートフォリオ用のテンプレート。ミニマルにデザインされています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201602/2016053102-17.png)
シンプルでミニマルにデザインされたマガジン型のテンプレート。サムネイルの小見出しが大きくデザインされており、スクロールでふわっと表示される時に引き立ちます。
sponsors