タグ

_githubに関するbleu-bleutのブックマーク (2)

  • Jets.js

    How does it work? The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only one <style> tag and browser will decide which item of list to show or hide. Since it's just CSS - Jets.js may be applied to any tag, whether it's a table or UL, OL, DIV… Search term may be set using text field, select or even programmatically. In fact, plugin

    bleu-bleut
    bleu-bleut 2015/09/14
    たくさんのリストに、style="{display: hidden}"と書き込んだり、class="hide"と書き込んだりするよりも、style要素に:not([data-jets *= "search_query"])て感じで書き込んだ方がずっと早いよ。
  • ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」:phpspot開発日誌

    Clusterize.js ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」 ブラウザ内のDOMに50万件を読むといくら高速なブラウザでもハングしたりしそうですが、こちらを使えば問題なく50万件のデータも読み込んで表示が出来ます DOM構造を50万件作るのではなく、スクロールに応じてDOM内を書き換えているのがその仕組のようです。 大量のデータをブラウザ上で一気に表示したい場合に便利そうです 関連エントリ 高機能&高速なテーブル実装jQueryプラグイン「WATable」 テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」 HTMLテーブルを JSON、XML、PNG、CSVPDFなどあらゆる形式に変換できる「HTML table Export」 レスポンシブに要素を消さずに変形するテーブル

    bleu-bleut
    bleu-bleut 2015/05/10
    Jets.jsと同じ作者による、50万件のテーブルでもすらすらスクロールさせるライブラリ。単にスクロール位置から前後を表示してるだけっぽいのだけど、すごい効果。
  • 1