Sonic Creator - Create your own canvas/gif/css3 loaderRead the Sonic README With this tool you can create your own animated Sonic loader. Three graphics will appear below: An HTML5 Canvas running through Sonic, a regular GIF, generated via a modified version of SonicGIF (using jsgif), and a PNG Sprite.
canvas と Web 仕掛け絵本
明けましておめでとうございます。 🙂 昨年のご愛顧も込めまして、「WordPress デザインワークブック」共著のコモモさんこと高橋朋代さんと Web 仕掛け絵本のサイトをつくりました。とてもかわいい感じになりましたので、良ければ見てください！ バッタになりたい魔法使い – pararaehon.com PC/Mac はモダンブラウザ(IE8 以下はごめんなさいです）に対応しています。 モバイル系は iOS は 6 以降の Mobile Safari、Android は 4 以降の Chrome が良い感じで見れます。Android 2 の方は Firefox 17 を使うとゆっくりですが動作します。3G 回線の場合は、ちょっと読み込みに時間かかりますので、白くなったりしたらリロードしてみてください。キャッシュするときれいに動きます。 iPhone/iPad は 4S 以降(Apple
Anatomy of a Mashup: Definitive Daft Punk visualised
A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you're hearing. This visualisation of the song "Definitive Daft Punk" by Cameron Adams dissects a mashup in realtime to show you how each of the 23 parts contributes to the greater whole. Better performance in Chrome or Safari
Music can be fun - Edan Kwan
The annoying background will show up once you hit on the red ball. Hit a blue ball to get rid of it! This is an experimental HTML5 app for the Dev Unplugged contest. This app used a lot of canvas and svg elements and you can see the amazing visual effects on your plug-in free browsers. I strongly recommend you using Internet Explorer 9 to experience the power of the hardware acceleration. My name
Canvas万華鏡 - by edvakf in hatena
2010年の書き初めは Canvas でした。 元日に出た Opera 10.50 pre-alpha からは HTML5 の video 要素が有効になり、とりわけ canvas に drawImage で video のフレームが置けるということで、早速 Ubuntu に Opera 10.50 を入れて遊んでました。 後で気付いたのですが、Video on Canvas は Firefox 3.5 でも普通に使えました。 その Video on Canvas がおもしろそうだったので、前からやってみたかった万華鏡を書いてみました。 http://edv.sakura.ne.jp/product/video_canvas/rectangle.html http://edv.sakura.ne.jp/product/video_canvas/triangle.html 下のほうが万華鏡ら
Canvas チュートリアル - Web API | MDN
<canvas> はスクリプト(一般的に JavaScript) を使って図形を描くために使われる新しい HTML 要素です。例えば、グラフを描く、写真を合成する、または簡単な（またはあまり簡単ではない）アニメーションに使うことができます。右の画像は後でこのチュートリアルの中でみる <canvas> を実際に使った例です。 <canvas> は Apple によって Mac OS X の Dashboard のために初めて導入され、後に Safari に実装されました。Firefox 1.5 のような Gecko 1.8 ベースのブラウザもこの新しい要素をサポートしてます。<canvas> 要素は HTML 5 としても知られる WhatWG Web applications 1.0 仕様の一部分です。 このチュートリアルでは、あなたの HTML ページに <canvas> 要素を導入する
LDRの未読数をfaviconに表示するGreasemonkeyスクリプト - 素人がプログラミングを勉強していたブログ
ページが見つかりません | Mozilla Developer NetworkとtoDataURLメソッドを使えば、テキストを画像にすることができる。これを使って、LDRの未読数を、リアルタイムに表示することができる。 未読数が変化する瞬間をObject.prototype.watchで取得したり、ブラウザにfaviconを再描画させるためにappendChildしたり、わりと強引。未読数は4桁までじゃないと画像が切れる。 FaviconizeTabと一緒に使うと幸せになれます。 追記：id:os0xさんのコメントを見て、若干修正。widthとheightを毎回設定しないと再描画されないみたい。 // ==UserScript== // @name ldr favicon hack // @namespace http://d.hatena.ne.jp/javascripter/ // @
Twinkle - split screen | Mathieu 'P01' HENRI | 20080427
Twinkle - 20 lines JavaScript contest - Split Screen by Mathieu 'p01' Henri April 2oo8. The specification of Canvas being in progress, this script is best rendered in a recent browser such as Opera 9.5 or Firefox 3. These animations require a decent browser such as Opera 9.5 or Firefox 3. No really I meant it.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Sigma.js
http://devongovett.github.io/png.js/
Google Code Archive - Long-term storage for Google Code Project Hosting.
degrade_twitter_icons.user.js