info

category : jQuery
[javascript]jQueryPlugin:frasiobox  @ JavaScript , jQuery 2012年1月19日

不親切なjQueryPluginを作りました。
lightboxやfancyboxと同じような画像ビューワーです。
これらと違うところはuiが無い点です。
uiは自分で作りたい時に良いかと
使い方はサンプルを見て下さい。

下記ブラウザで動作を確認しました。
Windows7 Firefox7.0.1
Windows7 GoogleChrome 16.0.912.75 m
Windows7 Safari 5.1
WindowsXP IE6

frasiobox sample
js filejquery.frasiobox.js


Sample0(普通)
Sample1(重い画像ファイル)
Sample2(スタート番号指定)

[CSS3]iPhoneのホーム画面の動きをCSS3+jsで  @ JavaScript , CSS3 + CSS , jQuery 2011年12月2日

iPhoneのホーム画面の動きを2つの方法で制作しました。
CSS3のanimationで動かす方法と
CSS3のtransformの値をjQueryのanimateで変化させる方法。
iPhoneで閲覧した場合
前者は動的にanimationの設定をしているので
トゥイーンが始まる時にちょっと動作が止まってしまいます。
後者は滑らかです。
Firefox,Chrome,Safari,iPhoneで動きます。

サンプルCSS3 animation

サンプルCSS3 jQuery.animate of translate

[Twitter]tweet with media  @ Twitter , PHP , JavaScript , ajax , jQuery 2011年8月17日

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/

[jQueryUI+php]htmlからpdf出力  @ PHP , JavaScript , jQuery 2011年4月20日

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  @ JavaScript , jQuery 2011年3月2日

サンプル


 

参考にしたサイト



Solution For Very Long Dropdown Menus | CSS-Tricks

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

 

[javascript]jQueryPlugin:prettyPhoto メディアビューワー lightboxクローン  @ JavaScript , jQuery 2011年2月28日

サンプル
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/