文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
MOONGIFT: » IE7ユーザ必須のアドオン「IE7Pro」:オープンソースを毎日紹介
IE7は殆ど使った事がない。メインブラウザがFirefoxなので、使う必然性がなかったからだ。だが、今回紹介する「IE7Pro」を使うためにインストールしてみると、なかなか便利なことが分かった。 とは言えそれはIE7自体の機能ではない。IE7Proが素晴らしいのだ。 今回紹介するフリーウェアはIE7Pro、IE7を便利にするアドオンだ。 IE7Proは多数の機能をIE7に提供する。例えばマウスジェスチャ、クラッシュリカバリ、アドフィルター、ショートカットキー、アドレスバーからの検索等だ。 スクリプトやプラグインにも対応している。Greasemonkeyのようなユーザスクリプトも多数存在している。プラグインはAlexaのランクやGoogle ページランクを表示するものや、サーバのIPアドレスを表示するといったものが登録されている。 小技系として、タブをダブルクリックするだけで閉じたり、インラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
