[CSS3]animationの動的生成
タイトル通り
四角がクリックした座標へCSS3のanimationを使って移動します。
Firefox,Chrome,Safari,iPhoneで動きます
jQueryプラグインで既にあるようですが後学のために。
CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transition Animate」[to-R]
参考にしたサイト
CSS3リファレンス
[javascript]audio.js
音を出すための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]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]TwitPicAPI4Javascript
Twitterをワード検索して
検索結果にTwitpicのURLがあればリンクさせます。
リンクをクリックで右にその画像が出ます。
参考にしたサイト
https://github.com/meltingice/TwitPic-API-for-Javascript
[jQueryUI+php]htmlからpdf出力
htmlからpdfを出力します。
UIにはjQueryUIを使っています。
使い方
1) 右のサムネイルを左へドロップして
2) 「pdf出力」ボタンを押下
参考にしたサイト
@IT – jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe05/ajaxrecipe05_1.html
ホゲホゲロック
http://hoge2rock.com/154/
mPDF Manual
http://mpdf1.com/manual/index.php
mPDF » Download(Googleキャッシュ)
http://bit.ly/ha1jlM
[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]jQueryPlugin:dropdown
参考にしたサイト
Solution For Very Long Dropdown Menus | CSS-Tricks
http://css-tricks.com/long-dropdowns-solution/