レスポンシブデザイン

flexを制するものはCSSを制す！まぁいいすぎですね、しかしCSSを制す為の一歩にはなる！
と、言うわけで前回の
CSSのこれからはflexの時代だ！flexboxを使いこなすためのプロパティ一覧
に続いて「 ...

float はもう古い、grid はまだ早い
まさに flex の時代！！（言い過ぎ）
けど、まぁ、flexbox の需要が高まってそうなのでまとめてみた。

そもそもflexboxってなに？

flexboxと ...

IEでtransformの値に入れたcalc()が効かない時の対処法

要素を画面中央に配置したい時に遭遇するかもしれない。
超簡単に対処できる方法がコレ。

calcで計算したい内容をそれぞれ指定する

つま ...

文章の行間を調節することで、デザイン性と読みやすさをアップすることができます。
行間が詰まりすぎていると非常に読みづらくなってしまうので、必ず調節しましょう。

目次CSSで行間を指定する方法
CSSで行間を指定する ...

カスタマイズするためには避けて通れない
基礎的なCSSのプロパティ、要素と値についてできるだけわかりやすく解説していきたいと思います。
今回は、見出しをカスタマイズする際に使用するであろうプロパティについて ...

レスポンシブでサイトを作成していると遭遇するかと思います。
iphoneの横向きの時だけ文字サイズが拡大されてしまう場合の対処法です。

CSSbody {-webkit-text-size-adjust: 100%;} ...

幅や高さを指定する場合「パーセントからpxを引きたい」といったようなことができる夢のような呪文です。（大げさ）

実際に当サイトで使用しているCSSがこちら

CSS.l-body {
  &n ...