[B! javascript][typography] kgsiのブックマーク

kgsi id:kgsi

javascriptとtypographyに関するkgsiのブックマーク (2)

Mojik
Mojikという、ウェブにおける和文の文字組みをコントロールするためのJavaScriptライブラリを公開しました。いまのところ、以下のパターンでの「アキ」を調整できます。連続する約物のアキ行頭の始め括弧のアキ欧文間のアキ Mojik.compose()メソッドの引数にCSSセレクターを渡すと、マッチする要素から上記に該当する箇所を検出し、それぞれマークアップが挿入されるので、CSSでアキ量を調整します。以下のページに実際に動いているデモがあるので、ぜひ見てみてください。 Mojikデモウェブページの本文やタイトルなどで使われることを想定しているので、HTMLタグがあっても問題なく動作することは必須条件でした。基本的に、まずHTML文字列をテキストとタグに分けて、正規表現でテキストの検索を繰り返す、という方法を採っています。ここらへんはkotarok/jQuery.waokonなど
kgsi 2016/07/20
css

javascript

typography
リンク
[Javascript] LETTERING.JS - ウェブでタイポ表現をする際に便利なjQueryプラグイン
[Javascript] LETTERING.JS – ウェブでタイポ表現をする際に便利なjQueryプラグイン Pocket Tweet ウェブでタイポグラフィーを行う際に便利なjQueryプラグイン。ウェブでタイポする時に面倒だったコーディングの手間を省く事ができます。JavascriptとCSS3を組み合わせる事で、テキストを維持したまま（画像にはせずに）リッチなタイポを表現する事ができます。通常文節や文字ごとに異なる装飾を行いたい場合、個別にspanタグを入れてclass指定したりしますが、このプラグインを使う事で、ブラウザ内レンダー時にコードを追加してくれるため、元となるソースコードを汚さずに装飾を行う事ができます。なかなかややこしい話ですが、ページ下部の導入サイト例を見ると、だいたいどういうものか分かるかと。THE 10 MOST POWERFUL TWEETS of 2010
kgsi 2011/01/20
javascript

typography
リンク
1