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

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

jQueryを使っているサイトで、以下のことをやりたいときにどうすればいいのか、調べてみました。 ・特定要素にmouseenterした時に、別途作ったプルダウンで情報を出したい。・そのプルダウン内には、マウスオーバー時にDBへAjaxでリクエストし、動的に取って…

まんまです。使えるようになってるのを最近知りました。text-overflowはIEが6から独自仕様として実装していたものですが、 Microsoftの珍しく素晴らしい先見性によって、CSS3の仕様にも組み込まれたものです。今までもwebkit,Operaでは使えていました。 それ…

お世話になることの多いNETTUTSで、jQueryのDOM検索効率化を上げるためのTipsが紹介されてました。 Quick Tip – jQuery Newbs: Stop Jumping in the Pool 内容はすっごく基本的なことなのだけど、 filter()の便利な使い方について言及されてたので自分用メモ…

jQueryの簡易ajax通信関数、POST()を使った処理を色々試してみたくて最近やったことを放出します。php+mySQL+jQueryで、コメント投稿をajaxで表示するのを作ってみた。 ネタ元はNETTUTS。ってか、ほぼそのまんまやっただけｗ Learn how to AJAXify Comment F…

よくFlashサイトなどで見られる、写真をフルスクリーンに表示する機能をJavaScriptで実現するjQueryプラグイン、"jquery.maximage.js"。 そこそこ軽くて、おせっかいな機能もあんまりついてない、お気に入りのプラグインです(スライドショー機能はクロスフェ…

iPhoneやAndroid向けのサイトを簡単に作れるフレームワークと言えば、最近話題のSencha TouchとかjQuery Mobileとか、いろいろありますが。動作が速くてjsコードも短め、手軽に実装できるのはやはりjQTouchなのではないかと。最近jQTouchの担当者がSencha To…

【追記】よりコンパクトに、デザインも改善した新しいものとして作り直しました。 http://me.hateblo.jp/entry/20121226/1356479631 せっかくブログ作ったので、 趣味でやってるhtmlやCSS、php関連のものを 書いていきます。まずは表題のもの。 やってみたら…