JavaScript

[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/

[javascript]jQueryPlugin:fancybox ビューワー

サンプル
 

基本

 
グルーピング マウスホイールでも


 
説明文位置調整

 
テキスト1 テキスト2
 
swf
 

ペンギン (英語: penguin) は、鳥類ペンギン目(学名 Sphenisciformes)に属する種の総称である。ペンギン科(学名 Spheniscidae)のみが現生する。
南半球の広い緯度範囲に分布する。主に南極大陸で繁殖するのはコウテイペンギンとアデリーペンギンの2種のみである。ほかに、ジェンツーペンギン・マカロニペンギン・ヒゲペンギンの3種は、南極大陸の中でも比較的温暖な南極半島にも繁殖地があるが、主な繁殖地は南極周辺の島である。他の種類は南アメリカ・アフリカ南部・オーストラリア・ニュージーランド、あるいは南極周辺の島などに繁殖地がある。
ペンギン (英語: penguin) は、鳥類ペンギン目(学名 Sphenisciformes)に属する種の総称である。
ペンギン科(学名 Spheniscidae)のみが現生する。
Close


参考にしたサイト

Fancybox – Fancy lightbox alternative
http://fancybox.net/
 

[javascript]jQueryPlugin:lightbox ビューワー

サンプル



参考にしたサイト

jQuery lightBox plugin
http://leandrovieira.com/projects/jquery/lightbox/