最近、自分のサイドビジネス用にひとつWebサイトを立ち上げようと思い、色々なテンプレートを探してたのですが、無料でも今どきのフラット系デザインとか、なかなかお洒落なHTMLテンプレートが見つかったので、備忘録も含めてこの記事で皆さんとシェアしたいと思います。

sponsored link

Treviso

Treviso Responsive HTML5 Template

最近人気のタイプのHTML5テンプレート。下の全体像を見ていただくとわかりますが、すべての情報が1ページに長~く記述されていて、ページ最上部のメニューをクリックすると、その内容の位置までスクロールダウンされ、あたかもページ移動したかのようになります。(このテンプレートでは少し下にスクロールすると最上部にメニューが表示されます)。

Treviso Responsive HTML5 Template

別ページに遷移するよりも表示がスムーズなので格好いいですし、閲覧者側としては下にどんどんスクロールするだけですべての情報が見れるのも魅力ですね。ただ情報が多くなる場合はページを分けるタイプのほうがいいかなという気がします。

ダウンロードはコチラ

デモはコチラ

 

 

Juntos

こちらも1ページにすべての情報が収まっているタイプのHTML5テンプレート。チャリティー関連の組織向けに作られたテンプレートで「寄付」ボタンもついています。もちろん他のジャンルにもカスタマイズ可能。レスポンシブ対応、コンタクトフォームがちゃんと機能するPHPファイルもありという非常にありがたいテンプレートです。ドキュメンテーションもしっかりしています。

Juntos - Charity Association Template

 

ダウンロードはコチラ

デモはコチラ

 

NOVA

NOVA 無料HTML5テンプレート

こちらもHTML5で作られていますが、ページ遷移するタイプのテンプレートです。様々なジャンルに応用できそうなシンプルなデザイン。ブログ形式やポートフォリオ、ギャラリーのページなど使いやすい形のページが揃っています。コンタクトフォームもちゃんと動くのでコーディングに自信がない人も安心して使えますね^^

NOVA 無料テンプレート

ダウンロードはコチラ

デモはコチラ

 

Infusion

レスポンシブ対応のHTMLテンプレート。お洒落なエフェクトがあちらこちらに使われていて、クオリティの高さを感じます。残念ながらこちらはトップページのみのテンプレートですので、メニューをクリックしても別のページは表示されません。残りのページは自分で作成する必要があります。

Infusion 無料HTMLテンプレート

ダウンロードはコチラ(要登録)

デモはコチラ

 

 

Starnight App

こちらもHTML5+CSS3で作られた人気の一枚型テンプレート。右上のボタンをクリックするとメニューが現れ、メニューを選択するとそのコンテンツの位置までスクロールします。スクロールの仕方がふわ~っとしていい感じです笑

Starnight - 無料 HTML5 CSS3 テンプレート

ダウンロードはコチラ(要登録)

デモはコチラ

 

Picku

ギャラリーやポートフォリオサイトに使えそうなお洒落で個性的なテンプレート。ページを全画面に拡大するボタンなど、普通のテンプレートにはなかなかついていない機能があります。画像の「Open」の文字をクリックしたときの動きにも注目です。こちらもテンプレートになっているのはトップページのみなので他のページが必要な場合は自分で作成する必要があります。

Picku 無料HTMLテンプレート

ダウンロードはコチラ

デモはコチラ

 

 

Zeences Dark

無料HTMLテンプレート Zeences Design

 

 

中央部分にスライドがあるのと同時に、バックグラウンドもホワホワと変化するのがお洒落です。トップページも色んな要素がたくさん詰まっていますが、各メニューからアクセスできる様々なタイプのページもよく作りこまれたテンプレートになっています。実際このテンプレートをベースにデザインにも手を加えてサイトを作っているところなのですが、ソースコードも綺麗ですし、非常にカスタマイズしやすい。トップページの全体像は以下のような感じです。

無料HTMLテンプレート Zeences Design

 ダウンロードはコチラ

デモはコチラ

※こちらのテンプレートはFree for only personal use(個人利用のみ無料)です。

 

Obscura

無料HTMLテンプレート Obscura

 

こちらも上とおなじサイトからのHTMLテンプレートになります。WordpressようのテンプレートをHTML対応したもののようで、ブログっぽい雰囲気のサイトをHTMLで作りたい方にお勧めです。レスポンシブ対応というのもうれしいですね。全体像は以下のような感じ。

無料HTMLテンプレート Obscura

ダウンロードはコチラ

デモはコチラ

※こちらのテンプレートはFree for only personal use(個人利用のみ無料)です。