[javascript]ソーシャルボタンの押された回数を取得する
タイトル通り
不親切なjQueryPluginを作りました。
lightboxやfancyboxと同じような画像ビューワーです。
これらと違うところはuiが無い点です。
uiは自分で作りたい時に良いかと
使い方はサンプルを見て下さい。
下記ブラウザで動作を確認しました。
Windows7 Firefox7.0.1
Windows7 GoogleChrome 16.0.912.75 m
Windows7 Safari 5.1
WindowsXP IE6
js canvasで円グラフ
IE6,Firefox,Chrome,Safari,iPhoneで見れます
参考にしたサイト
ExplorerCanvas
http://excanvas.sourceforge.net/
iPhoneのホーム画面の動きを2つの方法で制作しました。
CSS3のanimationで動かす方法と
CSS3のtransformの値をjQueryのanimateで変化させる方法。
iPhoneで閲覧した場合
前者は動的にanimationの設定をしているので
トゥイーンが始まる時にちょっと動作が止まってしまいます。
後者は滑らかです。
Firefox,Chrome,Safari,iPhoneで動きます。
タイトル通り
四角がクリックした座標へCSS3のanimationを使って移動します。
Firefox,Chrome,Safari,iPhoneで動きます
jQueryプラグインで既にあるようですが後学のために。
CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transition Animate」[to-R]
参考にしたサイト
CSS3リファレンス
音を出すためのjs
HTML5ではなく小さなflashを利用しているので
ほとんどのブラウザで大丈夫です。
しかし、iPhone,iPadではエラーが起きるので
下記コードみたいに条件判定するとよい。
見た目を変えたいときはaudio.jsの中にCSSの記述があるので
これを書き換える。
※追記 ソースコードをよく見たら、ブラウザによってはHTML5を使っているようです
var isTouch = ('ontouchstart' in window); init_audio(); function init_audio(){ audiojs.events.ready(function() { if(isTouch)return; audiolist=audiojs.createAll(); }); }
参考にしたサイト
audio.js
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/
Twitterをワード検索して
検索結果にTwitpicのURLがあればリンクさせます。
リンクをクリックで右にその画像が出ます。
参考にしたサイト
https://github.com/meltingice/TwitPic-API-for-Javascript