HTML5とCSS3を使用した、ハイクオリティな無料のテンプレート集

ほとんどのサイトで使用する構成だけのシンプルなものやCSS3をふんだんに使用したものなど、ビジネス向けから個人向けやWordPressなどのブログ用までHTML5とCSS3を使用したテンプレート集をDevSnippetsから紹介します。

12 Elegant, Free & High Quality HTML5+CSS3 Templates

※元サイトで一部URLが間違っていたので、正しいと思われるものに直しています。

デモのキャプチャ

Touch The Future: Create An Elegant Website With HTML 5 And CSS3
デモページ
写真などの画像を主題においたブログやポートフォリオ。

デモのキャプチャ

Free HTML5 template
デモページ:2カラム
デモページ:3カラム
シンプルな2カラムと3カラムレイアウト、PSDファイル付き。

デモのキャプチャ

Coding a CSS3 & HTML5 One-Page Website Template
デモページ
1ページで構成されたウェブサイト。jQueryも併用。

デモのキャプチャ

EarthDay HTML5 and CSS3 Template
デモページ
EarthDayをテーマにした3カラムレイアウト。

デモのキャプチャ

Coding A HTML 5 Layout From Scratch
デモページ
HTML5とCSS3の基本をおさえつつ、旧式のブラウザにも対応した実装方法。

デモのキャプチャ

FlipThru HTML5 and CSS3 Template
デモページ
水平方向のアコーディオンを設置したビジネステイストのデザイン。

デモのキャプチャ

HTML 5 and CSS 3: The Techniques You'll Soon Be Using
デモページ
ヘッダ、水平方向のナビゲーション、コンテンツ、コメント、フォーム、サイドバー、フッタが揃ったベーシックなブログ。

デモのキャプチャ

Simple Website Layout Tutorial Using HTML 5 and CSS 3
デモページ
最小限で構成されているので、入門者には分かりやすいかも。

デモのキャプチャ

Gotta' love HTML5 & CSS3
デモページ
CSS3アニメーションを使用した画像ギャラリー。

デモのキャプチャ

Free HTML 5 WordPress Theme
デモページ
HTML5で実装したWordPress用のテーマファイル。

デモのキャプチャ

A free HTML5 and CSS3 theme
デモページ
CSS3をふんだんに使用。「Contact」ではAJAXとPHPを使用。

sponsors

top of page

©2018 coliss