普通の表示で、右はわかりやすく、背景に縦方向のグリッドを表示したものです。CSS変数を使用して以下のようにしています。作るときのテンプレートを作りたいなっていうだけです。作るなら綺麗で汎用性の高いものを作ろうとした結果です。フォントサイズは等比数列にしているのですが、これは等差数列に比べ、自然にサイズが変わっていくからです。あるので、おそらく正しいです。自然界や人が良い(美しい)と思うものを思い浮かべると納得いく気がします。縦方向のグリッドに関しては、ノートの罫線とかを想像すれば分かりやすいと思いますが、やっぱり揃っている方が綺麗ですよね。ほとんどのページは縦に伸びていくので意識しない限り縦方向にグリッドが作りにくいので、少なくとも文字(文章)ぐらいはきっちり揃えていきましょうということです。その3倍になるような等比数列にします。倍みたいな公比の決め方であれば計算は簡単なんですが、今回は最終的に3倍になるという決め方をしています。この公比は累乗根(冪根)となるため、計算が少し複雑です。までは6ステップあるので、以下の式で係数が求められます。累乗根のような複雑な計算ができません。そこであらかじめ計算機やプログラムを使って求めておきます。累乗根は普通の累乗の計算に置き換えられるので、使用するものが累乗根に対応していない場合は、以下の式を用いましょう。フォントサイズの2倍としています。対しては2グリッド分を与えています。)あたりは余白が大きくなってしまうので1グリッド分でも良いかなとも思っています。おわりにテンプレの完成目指して頑張ります。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。ボリュームアクセスが遅いので使うのやめた。