顯示具有 front-end 標籤的文章。 顯示所有文章
顯示具有 front-end 標籤的文章。 顯示所有文章

2015-02-03

cropzoom, jQuery plugin to crop, zoom and rotate images.

可以rotate, crop, zoon,比較全面

https://github.com/cropzoom/cropzoom

quirk mode, browser 相容性

http://www.quirksmode.org/html5/inputs.html#link1

Drag And Drop Everything (DIV)

http://www.1stwebdesigner.com/freebies/drag-drop-jquery-plugins/

http://jqueryui.com/demos/draggable/

http://www.ajaxplaza.net/dragndrop/dragndrop.htm

file type icons

filetype icon
http://www.glossyicon.com/99-filetype-png-icons/
http://www.freeiconsdownload.com/Free_Downloads.asp?id=547

banner:
http://www.easyvectors.com/browse/banner

嵌入音樂 embed src="music.mp3"

Chrome在使用embed src=音樂或影片檔時,要記得指定它的MIME TYPE,
如mp3 為 type='audio/mpeg3' 或 "video/mpeg"
因為這個原因,資訊服務入口的訊息通知視窗在chrome會當掉,
導致整個畫面變藍 囧 還好我太聰明了,馬上找到原因解決...XD

mime type:
http://www.webmaster-toolkit.com/mime-types.shtml

uploadify、swfupload的cookie問題

http://www.javaworld.com.tw/jute/post/view?bid=49&id=280398

http://mini.nidbox.com/diary/read/1323

Flash 帶的 USER_AGENT是 Shockwave Flash,
Flash不支援非IE核心的瀏覽器cookie送出,
FLASH的POST資料,會將+變為空白,
Falsh會修改上傳檔案的MIME TYPE 成為 application/octet-stream

WTF......

難怪這二天拿Uploadify做上傳相片功能,
使用Chrome時Cookie會抓不到,ADOBE是有收M$錢逆...
SWFupload也是一樣的問題。

[jquery] mp3 plugin

http://www.sean-o.com/jquery/jmp3/

http://jquery.malsup.com/media/

http://www.jplayer.org/0.2.1/demo-01/

滑動captcha

用滑動代替輸入驗證的CAPTCHA

http://www.myjqueryplugins.com/jquery-plugin/qaptcha

Xajax 在IE 又有問題了...

他奶奶的,xajax在Chrom、FF沒問題,在IE又有問題了。

打開xajax debug mode,發現ie接收post response時產生false,而不是收到json字串,
後來發現,IE 在DOM未載入完全時,就會去嘗試存取DOM.....
恁娘勒!說IE有多白痴就有多白痴!
後來苦思解法,不過可能要動到core,只好奇巧淫技加減用:
===
if (browser == "Microsoft Internet Explorer" && document.readyState != "complete")
setTimeout(xajax_call_function(), 200);
===
設200ms讓你IE載入DOM,行了吧!M$的programmer是都在吃屎的逆!
唉,寫程式不怕技術難,就怕IE!

該死的 IE user-agent

所有的Cookie、HTML5圖片壓縮在Chrome、FF全部正常,

只要到了IE5~IE9,全都變成有問題!M$怎麼都做些爛東西!

即使到了IE9,舊有的Cookie handle problem仍然是問題很大,

HTML5支援則是爛得要命!
(看了IE9的HTML5 DOC, 幾乎只有Canvas、SVG、Audio...Orz)

看看「Internet Explorer 9 擁抱 HTML5 標準」的影片:
http://windows.microsoft.com/zh-TW/internet-explorer/products/ie-9/videos3
↑Conclusion: a more beautiful web.....Orz

再看看IE 9的HTML5分數:
http://steachs.com/archives/1638

什麼鬼~!! 連圖都不會縮還說支援HTML5!!

2015-02-02

讓fancybox支援上下頁切換/換頁 (v1.3.4)

(PS1 這是我去年9月修改的fancybox v1.3.4,現在的fancybox新版本不知有沒支援換頁了...似乎是還沒有)
(PS2 這LOGDOWN支援markdown,文章寫起來快多了,蠻適合我這種懶病常發作的人)
(PS3 ...還是XBOX 360好玩 XDDD)

老大叫俺把相簿功能看可不可以弄成到頭張或尾張時,會續跳上頁或下頁,

但俺找呀找的,因可能我的GOOGLE功力太爛,網路找不到現成的,只好自已動手(我還是習慣當伸手牌啊啊啊啊),

改完後,發現也不難改,還蠻簡單的...XD