Topic
About this template
スマホでのみ補助的なメニューが表示されるミニマムなデザインです。作品までのクリック数を減らしたい＆他のページへのリンクは目立たなくていい方におすすめのテンプレートです。
PC・スマホ対応です。HTML5で書いています。
検索除けタグが入っているので必要に応じて削除してください。
サイト名のフォントはGoogle FontsのQuicksandを使っています。（2018/10/14）
サンプルページは以下の通りです。
- index.html
- sample-txt.html
- sample-img.html
- index-2.html（PCでのカラムの並び順が違うバージョン）
メールフォーム（大）
メールフォーム（小）
h2要素（.site <main>の中だけ）
h3要素（同上）
リンクの文字色
<strong>強い重要性</strong>
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヲラリルレロワヲン
↑<hr> ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789
装飾ボックス
何か目立たせたい時に使ってください。
テキストテキスト
その他の部品
折り畳みボックス
- ここをクリックすると
- 表示されます。コメントのお返事や控えめな注意書きなどにいいかも。
これはjQueryと定義リストを使用しています。折り畳みは色々な方法で実装できるので、検索するとお好みのものが見つかるかもしれません。
名前変換フォーム
あくまでデザインのサンプルなので、動かすには記述を足す必要があります。