![目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | 株式会社ヌーラボ(Nulab inc.)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8487691910adf5553da2d0d464dbd2ec97b0a352/height=288;version=1;width=512/https%3A%2F%2Fd19ta9rijs3cxg.cloudfront.net%2Fwp-content%2Fuploads%2Fsites%2F2%2F2017%2F02%2Feyecatch.png)
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
sigma.jsはネットワーク図をはじめとする多数のノードが絡むグラフを描くライブラリです。 有機的な要素やネットワークが重なり合っているグラフを描きたい時に使えるのがsigma.jsです。Canvasタグを使って簡単にグラフを描き出します。 かなり密集したデモ。 ズームイン/アウトもできます。 こちらはアニメーション。動き続けています。 プラグインで独自拡張もできます。 もちろんズームできます。描画はCanvasを使っており、拡大しても奇麗です。 選択したノード以外を隠すデモです。 隠れました。 さらにマウスのある場所を膨らませるデモです。 sigma.jsはデータさえあれば容易に使えること、カスタマイズ性の高いこと、jQueryライクなイベントシステム、プラグイン対応、豊富なAPIなどが特徴になっています。 sigma.jsはJavaScript製、MIT Licenseのオープンソー
Tinyconは未読などの通知をWebブラウザのお気に入りアイコンの上に表示するソフトウェアです。 Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモです。どんどん数字が繰り上がっていきます。 実装する際のコードです。数値を当てるだけの簡単な使い方です。 Faviconの画像に数値を重ねて表示する程度であればサーバサイドでも実装できるでしょうが、TinyconはリアルタイムにFaviconを変化させられる点が強みです。メッセージを受け取ったタイミングで変化させればユーザの気付きにも役立つことでしょう。 TinyconはJavaScript製のオープンソー
Paintogetherはnode.js+socket.ioによるお絵描きチャットアプリケーションです。 Paintogetherはみんなでお絵描きチャットできるWebアプリケーションです。Canvasタグを使って描画して、データの同期にはnode.jsのsocket.ioを使っています。 ここで絵を描きます。 例えばこんな感じです。なお筆者環境ではなぜか同期処理が失敗しました… socket.ioを使ったサンプルとしてはテキストメッセージ系が多いのですが、座標データさえ送れればこうしたチャットもできるという好例ではないでしょうか。 PaintogetherはJavaScript/node.js製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)になります。 MOONGIFTはこう見る 従来、この手のサービスを提供しようと思った場合、Flashを使って行うのが
マイクロソフトは現在開発中のInternet Explorer 9で、HTML5などの標準に準拠することを明らかにしています。しかし現在開発者向けに公開されているInternet Explorer 9 Platform Previewでは、HTML5のCanvasタグがまだサポートされていません。 そこでマイクロソフトに対して「Canvasタグをフルサポートしてくれ」と草の根で訴えているのが「The Internet Explorer 9 HTML5 Canvas Campaign 」です。 HTML5対応チェックでまだ160点中19点 キャンペーンのページでは「The HTML5 test」というサイトが紹介されています。これは表題通りWebブラウザのHTML5対応度を測ることができるWebサイト。160点満点で、Webブラウザごとに以下の得点を現在のところ獲得しているとキャンペーンサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く