[jQuery]jquery.validationSupport.js
jquery.validationSupport.js
[jQuery]jquery.validate.js
jquery.validate.js
http://jqueryvalidation.org/
[JavaScript]フォームに入力できる文字を制限する
フォームに入力できる文字を制限する
ime-modeを使わずに
ブラウザによって出来たり出来なかったり。
[javascript]canvasで円グラフ piechart on canvas
js canvasで円グラフ
IE6,Firefox,Chrome,Safari,iPhoneで見れます
参考にしたサイト
ExplorerCanvas
http://excanvas.sourceforge.net/
[CSS3]iPhoneのホーム画面の動きをCSS3+jsで
iPhoneのホーム画面の動きを２つの方法で制作しました。
CSS3のanimationで動かす方法と
CSS3のtransformの値をjQueryのanimateで変化させる方法。
iPhoneで閲覧した場合
前者は動的にanimationの設定をしているので
トゥイーンが始まる時にちょっと動作が止まってしまいます。
後者は滑らかです。
Firefox,Chrome,Safari,iPhoneで動きます。
[Twitter]tweet with media
twitterの画像共有APIが公開されたので遊びました。
参考にしたサイト
POST statuses/update_with_media | Twitter Developers
https://dev.twitter.com/docs/api/1/post/statuses/update_with_media
themattharris/tmhOAuth – GitHub
https://github.com/themattharris/tmhOAuth
Index of /projects/phpThumbnailer/
http://www.hido.net/projects/phpThumbnailer/
jQuery.uploadでアップロード画像のサムネイルの作成 | Toro-Unit Blog
http://www.torounit.com/blog/2011/05/18/735/
[ajax]Twap
GoogleMapをクリックするとクリックした地点から
半径3km以内のツイートを検索して地図にプロットします。
制作時間：2時間
[javascript]dock
腕試しに参考サイトのflashを移植。
CSS3を使っているので下記ブラウザ推奨です。
GoogleChrome
Safari
Firefox
参考サイトにしたサイト
Mac OS X Style Dock in Flash 7 (ActionScript 2.0)
http://jrgraphix.net/r/Flash7_Dock/
[JavaScript]JS like flash #02
jsでflashっぽくできるか第2弾。
今回モデルにしたのは「なにかにキクぜ。グラソー ビタミンウォーター」です。
第1弾はこちら ajax like flash #01
CSS3を使っているのでブラウザによって動作が異なります。
GoogleChrome6.0.472.55(完璧に動作)
SRWareIron4.0.280(完璧に動作)
Safari4.0.5(完璧に動作)
Firefox3.6.2(3D回転無し)
IE8(2D回転3D回転無し)
