文字間隔のバランスを養う「KERNTYPE a Kerning game」
デザイン作業のひとつとして重要なカーニング。 いわゆる文字詰めであり、DTPデザインにおいては常識的なものですよね。まぁWebデザインではあんまり気にしない人がいるみたいですけど。 まぁ、そういう話は置いておくとして、このカーニングの感覚を養えるブラウザゲームがあります。「KERNTYPE a Kerning game」というのがそれ。 開いた最初のページはチュートリアルとなっていて、「kern me」の2文字目、「e」をキーボードの左右キーを使って所定位置に移動してあげればゲームスタートです。 問題は全部で10問。 間隔を調整する文字は最初の内は2文字と少ないんですが、問題が進むにつれて調整すべき文字数も増えていきます。 1問ずつそれぞれ、最も適切なカーニングがあり、その適切なカーニングと比較してどの程度ズレがあるかでスコアが決まっていくようです。ただ、ズレに関しては若干の振り幅があるよ
CSSの calc() ファンクションを使って長さを計算しサイズ指定する方法
CSSで長さを計算できるcalc()ファンクションというのはご存じですか? ここのところ流行りのレスポンシブデザインもそうですが、コンテンツの幅をフレキシブルに対応させたいという場合に、とても役立つファンクションです。 今回はこのcalc()ファンクションの使い方や、ブラウザのサポート状況をご紹介したいと思います。 親要素の幅を超えないようにする calc()ファンクションにはいろいろな使い方があるんですが、代表的なところで言えば画像などのコンテンツ幅が親要素の幅を超えないようにするという使い方。 通常、コンテンツ幅をフレキシブルに対応させるだけなら、CSSのmax-widthプロパティに対して100%と値を指定すりゃいいわけです。 しかし、ここにpaddingやborderといったプロパティを与えた途端に、親要素の幅をサラリと超えてきやがります。子の成長が著しい。 paddingを与えた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
