タグ

ブックマーク / blog.webcreativepark.net (2)

  • ブロックレベル要素の高さを揃えるheightLine.js[to-R]

    ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]
  • Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]

    Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11] CSS Nite LP11の鷹野さんのセッション「Webデザイナーのためのタイポグラフィと文字組版」のメモ的まとめ。twitterも合わせてチェック! 画像フォント ベタ組み ツメ組み 和文フォント的に正方形の仮想ボディ内に文字が配置されている。 オーソドックス(仮想ボディーに対して小さ目・文字間が大きく感じる) モダンスタイル(仮想ボディーに対して大き目・文字間を感じない) イラストレーターで文字詰め 自動(フォントの情報から詰める) オプティカル(字面から詰める) その後、手動で詰める MSPゴシックとMSP明朝だけ仮想ボディを持たないポロポーショナルフォント。 欧文フォント プロポーショナル(文字ごとにサイズが違う) 欧文向け(ベースラインに余裕がある) line-height:

    Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]
  • 1