ひかげが作って遊ぶシンプルで軽量CSSを利用するレスポンシブのHTMLテンプレート

HTMLテンプレート レスポンシブ

橙系 HTMLテンプレート レスポンシブ #ff6600

画像

レスポンシブのHTMLテンプレート

橙系のタイプ(#ff6600)

個人的にシンプルで使い勝手の良いレスポンシブのHTMLテンプレートを作ってみました。

CMS系の自作テーマほか、応用や基本となるHTMLでレスポンシブのテンプレートを作って遊びたい目的があります。

HTMLテンプレートについて

Normalize.cssの環境条件に合わせています。(Chrome, Edge, Firefox ESR+, IE 10+, Safari 8+, Opera)

  • メモ帳・TeraPadなどのテキストエディタ(UTF-8N)で編集可能。
  • パソコン、スマホ、タブレットにも対応した横幅 960pxのグリッドタイプ(12分割)で、レスポンシブのHTMLテンプレート。
  • c8とc4の2カラムタイプ。(870px以下は1カラム。871pxから2カラム。)
  • 12分割Gridシステムなので、カラムの振り分けも楽に導入できます。

CSSについて

custom.cssに追記や編集で、外観のカラーなどを変更できます。

  • style.cssは表示のベース用、custom.cssは追記や編集用を想定。
  • シンプルに使うので、画像の回り込みほか、複雑なことは排除した設計。
  • CDNとコピペで個人的に使いやすくしています。

DEMOページとダウンロード

橙系のタイプ(#ff6600)

使用時は自己責任でご利用ください。

DEMOページ ダウンロード(zip)

関連ページ