[javascript]audio.js

音を出すためのjs
HTML5ではなく小さなflashを利用しているので
ほとんどのブラウザで大丈夫です。
しかし、iPhone,iPadではエラーが起きるので
下記コードみたいに条件判定するとよい。
見た目を変えたいときはaudio.jsの中にCSSの記述があるので
これを書き換える。
※追記 ソースコードをよく見たら、ブラウザによってはHTML5を使っているようです

サンプルaudio.js

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が公開されたので遊びました。

tweet with media

参考にしたサイト

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時間

Twap

[jQueryUI+php]htmlからpdf出力

htmlからpdfを出力します。
UIにはjQueryUIを使っています。

jQueryUI + output pdf

使い方

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]jQueryPlugin:dropdown

サンプル

 

参考にしたサイト

Solution For Very Long Dropdown Menus | CSS-Tricks

http://css-tricks.com/long-dropdowns-solution/

 

[javascript]jQueryPlugin:prettyPhoto メディアビューワー lightboxクローン

サンプル
This is the title

Red round shapeRed round shapeRed round shapeRed round shape

スライドショー自動再生

Red round shapeRed round shapeRed round shapeRed round shape

Flash 10 demo

YouTube

Vimeo

Google.com(iframe)
Apple.com(iframe)

inline

Red round shapeRed round shapeFlash 10 demo YouTube inline

参考にしたサイト

jQuery lightbox for images, videos, YouTube, iframes | Stephane Caron ? No Margin For Errors
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/