msukasukaのブックマーク / 2014年5月24日

Magic Animations CSS3

Magic CSS are a set of simple animations to include in your web or app project's

msukasuka 2014/05/24

クリック後のエフェクト

css

リンク

均等割り付けで美しい表デザインを実現するjQueryを作ってみました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

ライター内藤です。本日は日本人の大好きな「均等割り付け」を超軽量jQueryで実現します。特にtableのthタグなどで利用頻度が高いかと思いますが、block要素でも使えます。 Wordで言うと、これ　　です。両端揃えではなく均等割り付けが必要な理由下の図が分かりやすいと思います。 text-align: justify; text-justify: inter-ideograph; 上記のcssは、1行に満たない文字に関しては左寄せになります。この命令の趣旨は、書籍の紙面を想像してもらうとわかりますが、複数に渡る行の右端を揃えることにあります。ですので、thタグに上記のcssを適用しても、図中2行目以降のようになってしまいます。つまり、横幅よりも少ない文字列を均等割り付けできないわけです。 cssでは実現できないので、jQueryを使う拙筆webkit系ブラウザ（Chr