DOMを高速に操作するための skin.js というライブラリを作った - mizchi log
(タイトル修正 DOMを高速に操作 => DOMの値を高速に更新 at Sat Mar 09 2013 15:30:09 GMT+0900 (JST)) (Skin#inject実装したのでタイトル元に戻した at Mar 09 2013 18:10:04 GMT+0900 (JST)) 若手の会で、JavaScript Hell on Earth というテーマで話してきました。 js_hell_on_earth http://www.rvl.io/mizchi/js_hell_on_earth というわけでDOM抽象ラッパーつくりました。 mizchi/skin.js · GitHub https://github.com/mizchi/skin.js 目的 クライアントサイドJSでは一回書いたら終わり、ではありません。ゲームなどのリッチなユーザー体験を提供する際、高頻度でDOMを書き換
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries - かちびと.net
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T
ページ内リンクをスマートにするsmoothScroll.js[to-R]
ページ内リンクをスマートにするsmoothScroll.js ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを作成したので公開します。 どういったものかはサンプルで確認してください。 <a href="#header">ページの先頭に戻る</a> などのページ内リンクをスムーズな移動に変更します。 これにより、エンドユーザーがページが遷移したという錯覚におちいることはありません。 設置方法は簡単です。 smoothScroll.jsをダウンロードして、設置したいページで取りこみます。 <script type="text/javascript" src="./smoothScroll.js"></script> 特定のリンクはスムーズさせない smoothScroll.jsは#（ハッシュ）付きのリンクを全てスムーズスクリプトに変換します。他のライブラリなどで#
![ページ内リンクをスマートにするsmoothScroll.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Flashベースのグラフ化ライブラリ·BirdEye MOONGIFT
BirdEyeはFlash製のオープンソース・ソフトウェア。グラフ表示を行うライブラリは多数存在する。簡易的なものであればHTMLレベルで描くこともできる。さらに多機能なものが必要であればJavaScriptを使うこともできる。そして複雑なグラフを描きたければ導入したいのがFlashベースのグラフライブラリだ。 BirdEyeはFlash製のグラフライブラリだが、その機能は実に多彩になっている。あまり簡易的なグラフを描くのには向かないかも知れないが、逆に高度なものを必要とする際にはぜひチェックしたい。棒グラフや円グラフ等の一般的なグラフはもちろん、家系図のようなグラフを描くこともできる。 もちろんFlashを使っているので動的に表示を変更するインタラクティブなグラフを描くこともできる。棒グラフと範囲グラフ、折れ線グラフを吹く動的に組み合わせるようなものを作成可能とあって、高機能なグラフを描
スマートに動画を見せられるLightBoxのビデオ版「Videobox」:phpspot開発日誌
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm Videobox is a 6kb script, which shows your videos in the page with an overlay. スマートに動画を見せられるLightBoxのビデオ版「Videobox」。 画像サムネイルをクリックすると画像が拡大されるという仕組みのLightBox ですが、そのビデオ版がリリースされました。 サムネイルクリック後の拡大されたビデオをその場で再生できます。 ↓クリックすると… LightBox風に動画を表示できてます。 ビデオアルバムのＷＥＢアプリなんかを作るときに使えそうですね。 関連エントリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/07/chart-tool.html
