LonelyHTMLで文字詰めするタイポグラフィー用JS3連休も今日で最後ですねー。今日はゆっくり過ごす方も多そうですね。休みですし、ちょっとネタ的なライブラリをご紹介。カーニングをCSSで出来るようにしたJSライブラリです。jQueryやmootoolsなどにも依存していないようです。これだけ聞くとかなり使えそうなんですけど。個人的にこういうチャレンジは称えたいので敬意を示すつもりで記事にします。kerning.jsCSSで出来る、と言っても独自の記述法を加える事でテキストコンテンツでのカーニングを実現するタイプなので好みが分かれそうですね。分かってないんですけど適当にデモ作ってみました。一応違いが分かるように少し大袈裟にしたつもりです。クオリティは無視です。※右上でjsのオン/オフが出来ます。);}ブラウザ別で指定したいときはベンダープレフィクスをつければいい・・そうなんですが、どうも上手く動いてないような。HTMLのマークアップは普通にするだけ。id="example01">かちびと.netです</h5>ただ、-msのようにベンダープレフィクス使えばIEでも動くらしいんですが、どうもうまくいかないんですよね。僕の環境ではIEで全滅です。方法が間違ってる可能性も高いですけどwまだちゃんと見てないので時間あるときにもう一度触ってみます。kerning.jsは以下でご利用になれますよ。kerning.js蛇足:Webでタイポグラフィ画像を使用せず、テキストでタイポグラフィを実現させるのを補助する方法は既にいくつか存在します。LETTERING.JS一番評価されてますかね。jQueryに依存します。LETTERING.JSKern.jsLETTERING.JSを手軽に使えるようにするブックマークレット。LonelyHTMLで文字詰めするタイポグラフィー用JS国産です。日本で使うならこれでしょうかね。HTMLで文字詰めするタイポグラフィー用JSまだまだこれからもっと出てくれると嬉しいですね。新しい技術に「これじゃ全然使えない」みたいな、誰でも知ってる当たり前のことを言う方も稀にいらっしゃいますが、赤ん坊に100M走で10秒台求めるような新人類は放っておいて開発者の方は頑張って開発に望んで頂きたいなと思います。※冒頭で3連休言ってますけど、これ昨日公開予定だったの忘れてました。面倒なのでそのままGoです。使用するAutoSpritesをご紹介します。表現が可能になりますね。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。