HTMLとCSSを自分で書く場合は、デザインも自分で考えられる自由がありおもしろいですよね。
しかし、自由だと逆にどうしたらいいかわからなくなることもあります。準備にばかり時間がかかってしまい、本質的な内容の部分に取りかかるのが遅れてしまうという本末転倒な自体になってしまうことがあります。
そういうときはHTMLテンプレートを使用することで、綺麗なデザインが適用されたHTMLとCSSのセットを使用し、手軽にWebサイトを作成することができます。今回はオススメの無料HTMLテンプレートを10個紹介したいと思います。
App Fun
BootstrapベースのHTMLテンプレートです。Bootstrapを使用したことがあれば使用するのは難しくないでしょう。レスポンシブにも対応しており、PCとモバイルの両方に力を発揮します。
Be Material
![スクリーンショット 2016-03-10 16.15.04](https://data.uxmilk.jp/wp-content/uploads/2016/03/5cace1fbbf617c9138e86d19f850715d1.png)
マテリアルデザインを意識したHTMLテンプレートです。これもレスポンシブデザインに対応しています。
BetaCommerce
![Beta](https://data.uxmilk.jp/wp-content/uploads/2016/03/Beta.png)
Webショップに特化したHTMLテンプレートです。
1ページに全て収まったランディングページ向けのHTMLテンプレートです。
BRANDY
![BRANDY](https://data.uxmilk.jp/wp-content/uploads/2016/03/BRANDY.png)
ポートフォリオ向けのHTMLテンプレートです。スクロールすると要素が動いて配置されていくのがおもしろいです。
Conical
![conical](https://data.uxmilk.jp/wp-content/uploads/2016/03/conical.png)
BootstrapベースのシンプルなHTMLテンプレートです。スクロールするときの動作が軽快なのが特徴です。
FORKIO
![forkio](https://data.uxmilk.jp/wp-content/uploads/2016/03/forkio.png)
シンプルな1ページのWebページ制作に特化したHTMLテンプレートです。SaaSなどのサービスの料金プランでよくあるデザインが特徴的です。
Kasper
![スクリーンショット 2016-03-10 16.50.22](https://data.uxmilk.jp/wp-content/uploads/2016/03/26ebd4fae2764557af3dc8912d0f142c.png)
1ページのランディングページに特化したHTMLテンプレートです。スクロールしたときに要素が動く割に動きが軽快なのが特徴です。
Photon
![スクリーンショット 2016-03-10 17.14.58](https://data.uxmilk.jp/wp-content/uploads/2016/03/a819bf7fad4a59e99f92e3f5c72118011-e1457673816787.png)
1ページのランディングページに特化したHTMLテンプレートです。これもスクロール時に要素が動きますが動きは軽いです。
WHITE
![スクリーンショット 2016-03-10 17.20.41](https://data.uxmilk.jp/wp-content/uploads/2016/03/5653285692e57a6c2a5046c7a1df678d1.png)
1ページのポートフォリオサイトに適しているHTMLテンプレートです。写真等の画像を多く表示したい場合に適していると言えます。
まとめ
HTMLテンプレートは種類も豊富なので選ぶのも結構大変です。自分が作りたいサイトのイメージにあうテンプレートが見つかれば幸いです。