Video clip is from Disney’s Oceans Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers. Feat... 続きを読む
For the most up to date list of examples, please clone the Github Repository. 続きを読む
A browser-based platform for exploring data and creating charts.Meet The most expressive JavaScript charting library on the web. With Polychart.js, charts defined declaritively and component-wise, by combining the following: 続きを読む
Making good-looking graphs shouldn't be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing simple charts easy. 続きを読む
Rickshaw: A JavaScript toolkit for creating interactive time series graphs Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. S... 続きを読む
Mouseover or use the arrow keys to inspect values. Open in a new window. Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources. Cubism is a... 続きを読む
(大した話ではないですが、だいぶ前にどっかで話して以来ブログに書いてなかったようです) サーバサイドのプログラムから、クライアントサイドの JavaScript に何かしらのデータを受け渡しする場合というは、XSS を作りやすい部分であります。 <script> var Use... 続きを読む
https://github.com/cho45/micro-location.jsURL のクエリをいいかんじに書きかえる処理を JS でするためにいいかんじのライブラリをさがしていたのだが、URI.js はなんか大仰なかんじなので micro-location.js をつかってみた。jQuery#extend と組みあわせるこ... 続きを読む
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compilin... 続きを読む
Data-Driven Documents D3.js is a small, free JavaScript library for manipulating documents based on data. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a ... 続きを読む
I remember googling for something of this nature a while ago but all I found were countless attempts using the cols and/or rows attribute of the textarea, thus making it pretty useless if you weren’t using a fixed-width font. Inspired by Jas... 続きを読む
カラーピッカー.js は、色を選択するためのカラーパレットを表示するライトウェイトなJavaScriptライブラリーです。JavaScriptコードを用意することなしに、カラーピッカーを表示することができます。 このライブラリーは単独で動作するため、他のJavaScriptフ... 続きを読む
A small library for manipulating the favicon Tinycon allows the addition of alert bubbles and changing the favicon image. Tinycon gracefully falls back to a number in title approach for browers that don't support canvas or dynamic favicons. A... 続きを読む
Rickshaw Rickshaw is a JavaScript toolkit for creating interactive time series graphs, developed at Shutterstock. Tutorial Get a simple graph on the page, add real data from the U.S. Census, and break that data down to draw some conclusions E... 続きを読む
http://github.com/danvk/dygraphs See mailing list, downloads, gallery and open issues dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets ... 続きを読む
The HTML for the table is very straight forward (no Javascript, pure HTML): <table id="table-1" cellspacing="0" cellpadding="2"> <tr id="1"><td>1</td><td>One</td><td>some text</td></tr> <tr id="2"><td>2</td><td>Two</td><td>some text</td></tr>... 続きを読む
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ... 続きを読む
js, performance昨日に比べて2倍速ぐらいになりました。https://github.com/uupaa/msgpack.js/blob/master/msgpack.js Data = 10000Opera 10.63Firefox 4.0β7 Chrome 9 devIE9pp7JSON.stringify 53 24 67 38 JSON.parse 11 34 29 16 stringify + parse 64 58 97... 続きを読む
twitterにXSSがあったので報告した。見つけた/報告した日は16日で、直った日は18日。 twitterの人から直ったよと報告を受けていないのだが、俺の知る限り直っていて新規の攻撃は出来なさそうなので安全だろうと判断する。 twitter.com以外のサイトにも影響があ... 続きを読む