予告通り、このチャートをSVGで書き直しました。 前バージョンとは違って、マウスオーバーするとTooltipが出て数字がわかるようになりました。 作ってみた感想: グラフはSVGで作ったほうがいい。但しcanvasより面倒。 SVGで円弧を描くのはなかなか大変。。。…

ドーナツ型チャートに特化したjQueryプラグインを試しに組んでみました。 Chart.jsのソースを大いに参考にさせてもらいました。 (Chart.jsは読みやすくてお勧めです)・初期段階でドーナツ状のグラフが通るレールを予め描画するようにした。 ・色つきグラフ部…

CSSだけで頑張るシリーズ、アニメーションボタン編 Part2http://www.oregongridiron.com/ ←このサイトのボタンがかっこよかったので どうやってるか調べて自分なりに実装しなおしてみた。かっこいいエフェクトができるけど、html側で必要なタグが多い。。。

CSSだけで頑張るシリーズ、 アニメーションするボタンに挑戦中。 マウスオーバーでアニメーションします。 ボタンだけだとつまんないのでぼかした画像＋図形パターンという最近の 流行デザインの背景もつけてみた。transformだけでいろんな表現ができること…

背景を透けて見せる等ができる透過PNGを、canvasで作成できる(グラデーションアルファマスクを作る)jQueryプラグイン作った。透過PNGはRGB+Alphaチャンネルなので、今回みたいに写真の透過PNGだと 普通にサイズが1M近くになっちゃう。でもデザインの都合上透…