Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめ
Post on:2015年7月6日
Bootstrapなどのフレームワークは無し、HTML5とCSS3のシンプルなコードをベースに、jQueryなどでいろいろなインタラクションやアイコンフォントなどを使ったレスポンシブ対応のテンプレートをTemplatedから紹介します。

ここで紹介しているテンプレートはすべて、個人・商用ともに無料で利用できます。

オフキャンバスメニューを備えたランディングページ用のテンプレート。
コードを一つだけ紹介。
基本的にこんな感じで、レスポンシブ対応・IE8も配慮されています。

Retrospectのindex.htmlのコード

ヘッダに大きめのカバーイメージを備えたミニマルなデザインのテンプレート。
デモページの上だけのキャプチャだと、違いが分かりにくいですね。

プロダクトをアピールしやすいようデザインされたミニマルなスタートアップ用のテンプレート。

多目的用のレスポンシブ対応のシンプルなテンプレート。

ビジネス用にぱりっとした清潔感をデザインしたテンプレート。

クリーンでミニマルなレスポンシブ対応のテンプレートで、さまざまな企業に向いています。

フレキシブルなグリッドを使ったレスポンシブ対応のテンプレート、デザインは明るめです。

ヘッダに大きめのカバーイメージとドロップダウンを備えたニュートラルなテンプレート。

中間色のカラースキームを使ったミニマルなテンプレート。

オレンジ・グレー・ホワイトのカラースキームとマルチページレイアウトに対応したテンプレート。

十分は空白スペースと色鮮やかなグリーンが特徴的なテンプレート。

写真をメインにしたギャラリーなどにぴったりなテンプレート。

広めのスペースを使ったサイドバーが特徴的なテンプレート。

明るめのカラーをたくさん使ったカラフルなテンプレート。

企業サイトにあうようデザインされたモダンでフラットなテンプレート。
sponsors