HTML5檔案上傳進度條

2014-03-09 11:51 PM

43,030

在傳統網頁上傳大檔案，得等到全部傳完才會有回應，等待期間沒消沒息，搞不清楚是沒傳完還是當掉常為人詬病，也嚴重破壞使用者體驗。想在傳輸過程回報上傳進度，過去有些Flash、Java Applet或ActiveX的解決方案，但依賴外掛元件有部署及無法跨平台的疑慮。當HTML5規格漸成主流，長久以來的...

HTML5練習-從桌面拖拉檔案到網頁

2014-03-08 12:13 PM

32,787

這年頭，網頁如果不支援從桌面或檔案總管直接拖拉檔案，想自稱HTML5都心虛，只能稱作HTML4.5(誤)，老闆客戶還會不時打你臉: "Gmail、OneDrive(SkyDrive)、DropBox幾百年前就有了! 為什麼你到現在還做不出來?" (網頁攻城獅內心的OS: ...

Big5-HKSCS編碼補遺

2014-03-07 08:28 PM

7,192

前陣子找到將Big5-HKSCS編碼轉為Unicode的解決方案，實際應用卻發現問題 -- 若字串已是Unicode編碼且混雜其他語系字元，HKSCS_Big5ToUnicode41()便無法招架。延續上回的例子: 在"滙豐銀行警衞室"後方故意加上"喆&...

【答客問】用CSS實現上下欄排版切換

2014-03-06 09:29 PM

10,010

網友小黑提問: 網頁配置分為上下兩欄，上欄高度固定，下欄佔滿剩餘空間。當上欄隱藏時下欄佔滿全部版面，上欄顯示時恢復原有版面配置，應如何實作? 一時技癢，順便也想測驗自己的CSS技巧，拿來當家庭作業暖暖手指。在頁面放入兩個<div>當成上下欄容器，上欄<div c...

看影片偷按讚-Clickjacking活用入門(誤)

2014-03-05 10:10 PM

13,037

記得有一陣子，FB很流行"必須先按讚才能看影片"的分享貼文。討厭強迫中獎，我多半選擇不看，再不然就是自己Google去找YouTube原始影片。前陣子在JavaScript.tw FB社團看到TonyQ分享影片網站利用Clickjacking偷抓你的手按讚的伎倆，想起最近固定...

2014萬金石馬拉松~

2014-03-02 09:31 PM

4,832

第14馬，萬金石馬拉松(先報萬金石，後來報渣打馬時算錯日期，以為隔兩週，卻不知不覺"連馬")，依教練團指示，本場仍採HRDR(Heart Rate Driven Running)策略，以輕鬆完賽為目標。上週五(228)豔限高照，熱到讓人誤以為夏天到了。未料週六老天翻臉如翻書，立刻由晴轉陰，氣...

Coding4Fun-馬拉松照片搜尋輔助工具

2014-02-28 11:04 PM

7,344

現在的跑者愈來愈幸福，每逄賽事總能見到馬拉松世界、運動筆記所出動或熱心自發的攝影大人，揹著沈重攝影器材，不畏日曬雨淋地在賽道旁補捉跑友身影，賽後再上傳至網站供跑友自取留念。(在此特向辛苦的攝影大哥大姐們致敬) 不過一場比賽常有成千上萬張照片，要在茫茫照片大海找尋自己的英姿有點小挑戰。照片雖然都...

Big5-HKSCS編碼初探(下)

2014-02-28 07:08 AM

16,298

昨天介紹了Big5-HKSCS，初步心得是: Big5-HKSCS跟Big5一樣是歷史的眼淚，新一代Unicode標準已能涵蓋其字元範圍又能同時兼容各國語系。因此，拋棄ANSI規格，回歸Unicode才是王道!! 但這衍生一個需求 -- 若既存文字檔或其他老系統仍採用Big5-HKSCS編碼內...

Big5-HKSCS編碼初探(上)

2014-02-27 10:18 PM

16,200

身為中文編碼解析工具的開發者，一直以為自己"略懂"中文編碼，這兩天再度見證"學海無涯"，默默收回"略懂"二字... 從以下畫面說起: 五種瀏覽器(IE, Opera, Chrome, Firefox, Safari)一次排開檢視...

CSS筆記-依視窗寬度自動隱藏

2014-02-24 08:10 PM

19,349

專案需求，需實現以下效果: 資訊列有三個元素，藍色部分為主要顯示內容，綠色區塊(Block 1)及紅色區塊(Block 2)靠緊右側為次要資訊。當視窗寬度不足，綠色及紅色區塊需自動隱藏，避免遮蔽藍色區塊的文字。 JavaScript熟手會優先想到攔截window.onresize事件，再依...

2014渣打公益馬拉松~

2014-02-24 06:55 AM

6,042

我的第13場馬拉松，成績不突出，也沒落馬被回收，卻是跑馬生涯的轉捩點! 幾週前，四十多年的老爺車進廠保養，修車技師醫生給了一些忠實建議，讓我警覺: 自己過去常以奮發向上自豪，常憑一股不服輸的蠻勁做事，就連跑步也是。跑到後來，往往全靠一股真氣，管他體力心跳呼吸，拼就對了。這種拼勁展現在年輕人身上...

【水電工日記】省水閥漏水記

2014-02-21 09:22 PM

20,770

家裡的省水閥用了近五年，最近開始漏水。原本想是超出使用年限，已有買新品替換的心理準備，上網比價查資料發現: 依官網的說法，其耐用度超過20萬次，理論上十年都不會壞，加上看到有網友遇到故障連絡客服可以換新。上網查詢客服連絡資料，發現客服FAQ網頁有這條: Q13 省水閥有漏水的狀況，要如...

CODE-客製kendoGrid小計標題

2014-02-20 08:19 PM

6,913

專案需求: kendoGrid需依指定欄位分群加總並依預設格式顯示小計。例如，資料有Color、Size、Count三欄，報表需呈現SUM(Count) GROUP BY Color的小計結果。 kendoGrid支援群組化(Grouping)，參考API文件在DataSource定義...

400米跑道配速對照表

2014-02-18 05:40 AM

35,161

最近在400米跑道練配速及間歇，開始在意每圈的配速精準度。消費型GPS裝置誤差大於10公尺，但測試數據時而偏東時而偏西，累計下來截長補短，倒也不致偏差里程太遠。依經驗，GH-625M一圈400米平均有10-15米誤差，訊號不佳時甚至多到50米；Bryton Cardio 40H的心率頗準，但GP...