KISHIN20160323/DESIGNそろそろremでいいだろう先の連休でちょっと時間が取れたので、rem用のフォントシステムを作った。“rem”とは、CSSでフォントサイズを指定する際に使用できる相対単位のこと。利点、その双方のイイトコ取りな単位で、ノード階層がどれだけ深くなっても常にルートに対しての相対サイズを指定することができる仕様なので、相対指定でありながら絶対指定のように扱える非常に使い勝手の良い単位。云っても指定方法を工夫すれば簡単に解決できる問題でもある。先に触れたフォントシステムとは、私がWebサイトを作る時に使っている、font関連の指定をシンプル&スマートに行えるようにするもので、Sassで作っている。今までは、font-size指定は基本的にはpx指定をしていたのだが、これをrem指定に置き換えて、更に細部を調整して構築し直した。.fs18zero便利がイイ。これは結構重要で、使う場所によって広めに取ったり狭まめにしたりと、調整をした方が視認性・可読性が高まるので手を抜けない。使用できるようにしてある。いうものがあり、デザイナーならばそれを意識しなくてはいけない。line-height指定でも、文字サイズの大小によって、イイ感じとなるか、ダメな感じになるかは別れてくる。狭めるくらいが丁度よく感じるのである。これに対する対応は、Sassの演算を使用すれば、文字サイズに合わせて自動的に適切値を算出するように構築することが可能なので使わない手はない。for文、if文、each文様様である。いう気の利く仕様があるため、指定を省略できることが多々ある。一方で、当然のことながら子ノードでは設定を変えたい場合もある。いう指定がされている場合、これらの属性は全て継承されるものなので、子ノードで3つとも変更したい場合には、それぞれを指定し直さなければならない。するだけで、継承を考えることなく思い通りの指定ができるようにフォントシステムを構築している。実際のSassコードは26行ほどの小さなものだが、これによって実作業時に図られる時間短縮はかなりのものであるので、興味がある方は参考にしてみてもらえればと思う。各所にある係数をカスタマイズすれば、自分好みのフォントシステムとしても使えるだろう。}}ここで生成されるのは「.」から始まる通常のクラスなので、HTMLからもclass指定できるが、代わりにcssファイルに多くのクラス名が並ぶことになる。それを回避したいなら、未使用なものはcssファイルに出力されないSassのプレースホルダ機能を使う仕様として「%」から始まるプレースホルダクラスに変えれば良い。その場合、HTMLからの指定は不可となりSass内部でのみ使用可能なクラスとなるが、コンパイルされるcssファイルには必要な記述のみが出力されるのでファイル容量が抑えられ、コードの見通しも気持ちよくなる。書き出しの部分で、rem指定の“前に”px指定を追加すれば、remが機能しないIE8の場合のみpx指定を機能させることも可能となる。上書きするということである。IIARTDESIGNPHOTOGRAPHTHINKFOODSOTHERS2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月2019年7月2019年6月2019年5月2019年4月2019年3月2019年1月2018年12月2018年11月2018年10月2018年9月2018年7月2018年6月2018年5月2018年3月2018年2月2018年1月2017年12月2017年11月2017年9月2017年7月2017年3月2017年2月2017年1月2016年12月2016年11月2016年10月2016年9月2016年8月2016年7月2016年6月2016年5月2016年4月2016年3月2016年2月2016年1月2015年12月2015年11月2015年10月2015年9。