レスポンシブの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)
使用時は自己責任でご利用ください。