【2014年8月版】商用利用可能な無料のレスポンシブウェブデザインテンプレートを配布しているサイト3選

私は副業のため毎月1、2サイト立ち上げているのですが、サイトのデザインをどうするかでいつも悩んでいます。毎回同じテンプレートを使うのは芸がないし、かといって外部委託するには予算が足りない。万が一委託する余裕があったとしてもハズレた時には即閉鎖するので、もったいないことこの上ないのです。

そんな時に役立つのが、無料のHTMLテンプレートを配布しているサイト。しかもレスポンシブに対応していたらなおよし。ということで、たまに使っている商用利用可能な無料のレスポンシブ対応のテンプレートを配布しているサイトをまとめてみました。もし同じような悩みを抱えていた人は参考にしてみてください。

目次

無料ホームページテンプレート.com

無料レスポンシブウェブデザインHTMLテンプレート《無料》ホームページテンプレート

これ以上ないくらいひねりのない名前のサイトですが、この記事を書いている時点で80種類(カラーだけ違うものもあり)ものテンプレートがあります。シミュレーターを使ってPC、スマホ、タブレットの3パターンでどう見えるか確認できるので、なかなかに便利。デザインパターンも王道をいっているものが多いので、「とりあえずページだけ作っておきたい」なサイトを作る場合はここのテンプレートを使うのがいいでしょう。

無料レスポンシブウェブデザインHTMLテンプレート – 《無料》ホームページテンプレート.com | 商用可能なホームページテンプレートが完全無料

カフィネット

カフィネット

パン屋や自動車など、テーマを設定して作ったテンプレートをダウンロードできます。

1つ1つのテンプレートについて簡単な編集方法を記載してくれているのがありがたいところ。HTMLがわからない人はこのサイトからダウンロードするといいかもしれません。

レスポンシブ Web デザインの無料テンプレート – カフィネット

HTML5 UP!

HTML5UP

海外のサイト。やはり海外らしくデザインが洗練されているものばかりですが、日本のものと比較するとシンプル過ぎて少し物足りなさを感じる人がいるかもしれません。

商用サイトというよりは、個人ブログや自身の仕事をまとめたポートフォリオサイトを作りたいときにここのテンプレートを利用するのが良さそうです。

HTML5 UP! Responsive HTML5 and CSS3 Site Templates

関連記事

HTML・CSS講座

floatで並べたliタグ内の項目を中央寄せ(センタリング)する方法

フッターのメニューやページャなど、リンクを並べている箇所は通常liタグでコーディングすると思います。pタグとかで適当に並べてもいいのですが、SEOの関係で今はほぼ全てのサイトでliタグが採用されているはずです。 ただ、困るのがメニューを中央寄せにしたい時。単純にfl...

ウェブメディア運営のコツ

【2013年版】Google Analyticsで新しいアカウントを追加する方法

アクセス解析といえば、と聞かれるとまず間違いなく最初に名前が挙がる「Google Analytics」。機能も随時追加されており、無料のアクセス解析の中では間違いなくナンバーワンの性能を誇ります。 しかし、使っていて結構忘れがちになってしまうのが新規サイトの追加方法。サイト...

SEO 【SEO講座】第1回 W3C準拠でソースコードを書く必要はあるの?

【SEO講座】第1回 W3C準拠でソースコードを書く必要はあるの?

いまさらなことほど新鮮に見えるということなので、これから地味にSEO講座を書いていこうと思います。このブログを読んでいる方の中には、少なからずウェブで副業を目論んでいる人がいると思いますので。 今回のテーマは「W3C準拠でソースコードを書く必要はあるのか?」について。結論か...