1. まとめトップ
  2. デザイン・アート

初心者でもセンスよく見えるHTML5テンプレート[無料]

フラッシュを使わないと不可能だったことも、HTML5を使えば簡単に出来てしまうのでオシャレでかっこいいテンプレートを無料で提供してくれるところも増えてきました。そんなHTML5テンプレートを使って、自分のサイトを変えてみたいという方の為に、無料テンプレートを集めてみました。是非使ってみてください。

更新日: 2012年03月01日

You_9180さん

  • このまとめをはてなブックマークに追加
1397 お気に入り 160253 view
お気に入り追加

◆写真を沢山見せたい人向け

隣の写真をクリックすると写真が入れ替わります。ポートフォリオにピッタリのおしゃれなテンプレートです。


【ダウンロード】
http://blog.templatemonster.com/2011/05/16/free-website-template-photographers-portfolio/

下の写真をクリックすると大きな画面に表示。動作もなめらかです。



【ダウンロード】
http://www.priteshgupta.com/templates/vivid-photo/

写真を豊富に表示できるテンプレート。背景のおしゃれなカラーリングもいいですね。


【ダウンロード】
http://blog.templatemonster.com/2010/08/09/free-html5-website-template-portfolio/

右上の項目をクリックすると対象になる画像が動きます。右端のマイナスをクリックすると隠れたページが表示されます。


【ダウンロード】
http://www.csstemplatesfree.org/one-page.html#inner

左の灰色のタブをクリックするとメニューが表示。写真を邪魔をしないおしゃれなデザインです。


【ダウンロード】
http://freehtml5templates.com/vividphoto-html5-and-css3-template/

タイトル画像下のボタンにマウスポインタをのせると画像が拡大鏡で表示。クリックでその画像がタイトルに表示されます。


【ダウンロード】
http://speckyboy.com/2011/02/22/free-single-page-scrolling-html5-portfolio-template-psds/

右側に表示された写真が風車のようにくるくると回転します。お気に入りの写真をおしゃれに表示してくれます。

【ダウンロード】
http://freehtml5templates.com/gardenfolio-html5-and-css3-template/

◆デザインにこだわりたい人向け

まるでファッション雑誌のようなおしゃれなデザインのテンプレートです。


【ダウンロード】
http://blog.templatemonster.com/2011/10/03/free-website-template-background-image-night-club/

デザインスタジオのセンスが感じられるテンプレート。
スクラップノートのような作りです。

【ダウンロード】
http://blog.templatemonster.com/2011/04/04/free-website-template-web-design-studio/

タイトル画像が複数表示、クリックでその写真を大きく表示することができます。
個人ブログやホームページに使えそうです。


【ダウンロード】
http://freehtml5templates.com/serenity-html5-and-css3-template/

各項目をクリックすると音楽を視聴できたりYouTubeの動画を表示するページを表示したりできます。音楽に特化したテンプレート。

【ダウンロード】
http://blog.templatemonster.com/2011/04/12/free-music-website-template/

音楽のイベント告知や状況等が表示されたテンプレート。
音楽好きや関係者にぴったりですね。



【ダウンロード】
http://blog.templatemonster.com/2010/07/12/free-html5-website-template-music-project/

アニメーションの世界を表現したようなテンプレート。ボタンや配色までこだりが感じられます。

【ダウンロード】
http://luiszuno.com/blog/downloads/shinra-html-template

Twitter(ツイッター)のようなテンプレート。横のアイコンを押すとフェイスブックやRSSなどのリンクに飛べます。

【ダウンロード】
http://www.templatescreme.com/free-website-social-stream-website-template

マウスを動かすと画像が鮮明に表示されるように設定されたテンプレート。ちょっと変わったデザインです。


【ダウンロード】
http://tutorialzine.com/2010/02/html5-css3-website-template/

◆シンプルなデザインにしたい人向け

タイトル画像下の数字をクリックするとなめらかな動きで画像が切り替わります。



【ダウンロード】
http://blog.templatemonster.com/2011/08/08/free-website-template-clean-style-jquery-slider-wedding/

Twitter(ツイッター)やfacebook(フェイスブック)などのリンクボタンが付いている使いやすいテンプレートです。

【ダウンロード】
http://www.priteshgupta.com/templates/elegant-press/

左側のタイトルをクリックするとそのページの該当項目に素早く移動。単一ページのシンプルながらおしゃれなテンプレートです。

【ダウンロード】
http://blog.templatemonster.com/2011/04/18/free-website-template-single-page-layout/

画像の切り替わりが特徴的なテンプレート。動き方がとってもユニークです。

【ダウンロード】
http://www.csstemplatesfree.org/delphic.html

1





You_9180さん

PC/Web色々勉強中

このまとめに参加する


NAVER リンク