これは面白い！奥行きを感じさせる動作をするjQueryプラグイン·jParallax MOONGIFT
な、なんじゃこりゃぁと思わざるを得ないようなJavaScriptの登場だ。JavaScriptはNetscapeがあった時代からあるもので、ずっと昔から存在している。単なるサイトの装飾扱いだった時代を経て、Ajax、prototype.js、YUI、Ext-JSなどここ数年で一気に進化を遂げている。 複数の画像によって、まるで中に入り込んだかのように動かすことができる その留まる所を知らない進化の最新系を見られるのがこのjParallaxというjQueryプラグインだ。JavaScriptなのでもちろんソースコードは公開されているが、ライセンスは特に明記されていなかったのでご注意いただきたい。 jParallaxは言わば複数の画像をレイヤーを重ねるがごとく表示して、マウスの動きにあわせて上下左右にちょっとずつずらして表示を切り替える。それによってまるで遠近感をもって動いているかのような印象
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
MOONGIFT: � クールな登場をするフローティングウィンドウ「Sexy LightBox 2」:オープンソースを毎日紹介
※ 画像は公式サイトデモより 一年くらい前から写真の拡大にJavaScriptが使われるようになってきた。クリックするとその場で拡大表示してくれる類のソフトウェアだ。そして最近ではさらに一歩進んで、ログインウィンドウや説明用のダイアログもJavaScriptで表示するものが出てきた。 角丸のデザインが格好いいフローティングウィンドウ ちょっとしたコンテンツや、FAQなどはポップアップで表示してあげると画面の切り替えもなく使えて便利だ。そしてこちらもその一つだ。 今回紹介するオープンソース・ソフトウェアはSexy LightBox 2、フローティングウィンドウライブラリだ。 Sexy LightBox 2はクリックすると上からウィンドウがスライドしてきて、コンテンツを表示してくれる。角丸になっていえ、デザインも格好良い。背景はグレーアウトの他に、自分で指定した色を使うこともできる。 別なサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
