Mac OS 上安裝 FFmpeg

FFmpeg 是一個功能強大的視頻影片編輯工具庫,而且是開源、免費、有強大的網上社群頻密更新。FFmpeg 沒有圖像介面(GUI),市面上為這個工具製作GUI的公司亦不少。

在Windows上,安裝FFmpeg不外乎下載、兩點擊、安裝。

Mac OS就沒有這樣舒服了。正正是由於 FFmpeg 是開源、沒有GUI的情況下「理應」只有會用要打字的文字指令介面 (Command Line Interface, CLI或者「命令列介面」)的人才會用,所以就是連安裝,也得用CLI。下面是Mac OS 上安裝 FFmpeg 的步驟…

Continue reading “Mac OS 上安裝 FFmpeg”

在Google Sheets內顯示Google Finance API中沒有權限的滬港通上海證券

Google Sheets的其中一個強大之處,就是可以利用Google Finance的API功能(((免費)))召喚部份金融市場上的數據。
數據不是實時,限制也多,但由於是免費,加上Google Sheets的其他試算表功能,不少人都用它來當自家的投資記錄。

這是基本的延時報價功能:
=GoogleFinance("HKG:2800","price")

在滬港通開通初期,上海證交所的延時報價可以用 “SHA:60xxxx”來召喚,然而在2015年中,Google Finance的API不再支援在Google Sheets中顯示上海證交所的延時報價,於是,所有東西都是… N/A

google-sheets-no-more-sha-tickers

Google Sheets的強大功能,即使一個API倒下了,還有千千萬萬的替代科案,
下面就是將套用Google Finance網頁版的上海A股延時報價資料放在Google Sheets的Formula!
Continue reading “在Google Sheets內顯示Google Finance API中沒有權限的滬港通上海證券”

[試] 重新定義Foundation 5 framework的media query breakpoint

相比常見的Twitter Bootstrap,另一個比較不普及HTML framework──Foundation 5更較為適合作為手機應用 Mobile app 的UI介面,不論是用HTML+CSS+Javascript再用Phonegap之類製作的App、還是用UIwebView作UI的原生App。

不過,當Foundation 用在mobile 上製作responsive的app時,我對Foundation 5的breakpoint就不特別滿意,尤其是iPhone 6和6 plus出現後,當要處理iphone 6/6+ landscape和iPad portrait 的同時,那個不論不類的”medium”,也就是641 pixels 至 768 pixels的那個屏寬breakpoint就令我超不爽。

這是Foundation 5的預設breakpoints:

最小寬度 Min-width (em) 最大寬度 Max-width (em)
small 40
medium 40.063 64
large 64.063 90
xlarge 90.063 120
xxlarge 120.063

當然,這只是我的個人意見啦。

解決不爽的方法,是自行定義各mobile view的breakpoint。

首先,先要了解各iPhone的screen display pixels,我從Kyle J Larson的這篇blog文找到了下面的一幅參考圖:

iphone-6-screen-size

這是整理後各iPhone 屏寬和屏高的matrix:

Display pixels Resolution (portrait)
屏寬
screen width
屏高
screen height
寬度
width
高度
height
iPhone 4/4S 320 480 640 960
iPhone 5/5S/5C 320 568 640 1136
iPhone 6 375 667 750 1334
iPhone 6 plus 414 736 1080 1920

採用Retina display高解析度屏幕的iPad,display pixel是768 x 1024 (直)。

於是,我就把新的breakpoint range重新設定如下:

最小寬度
Min-width (px)
最大寬度
Max-width (px)
最小寬度
Min-width (em)
最大寬度
Max-width (em)
small 479 29.9375
medium 480 767 30 47.9375
large 768 1023 48 63.9375
xlarge 1024 1919 64 119.9375
xxlarge 1920 120 0

真的可行嘛?

不知道,我也只是在試,您看不到我在標題寫有「試」嘛麼?嘿嘿

E○TV用MP4 Handbrake preset – iOS對應!

Handbrake中的universal preset適用絕於大部份的iOS device,但這個preset (和其他預設的preset) 都強制用29.95做fps值,影片大小和比例有限(而且奇怪…),它的H.264的VBR設定更用上20,在容量上相當慷慨。

handbrake

基本上,從DVD rip出來的影片或者從RMVB、AVI轉成MP4,或者要把在2009年前在某E○TV網站的種子取得的AVI劇集轉成MP4的話,H.264的VBR設定用上22或23就足夠有餘。以E○TV的美劇為例,一季二十多集下來便可以省下42%至45%的空間,但畫質與原來的XVID或者universal preset的20根本沒有區別。何況E○TV的舊AVI都是23.976為fps值,在所有iOS上都能正常播放,根本就不用改成29.95。 Continue reading “E○TV用MP4 Handbrake preset – iOS對應!”

Top Ten List on what I hate on web-building

10. Default blue <a> and purple <a:visited> – am I the only one felt this is ugly?

09. Using 200 Line-breaks <br> to make vertical spacing – You need a new keyboard when your Enter button broke;

08. Using 200 Non-breaking Spaces &nbsp; to make horizontal spacing or even fake “Center” aligment – I know, you’re using Frontpage, and that “align center” button will kill your whole family, including your dogs;

07. HTML page without character setting meta – Not every one is using same languaged-version OS as YOUR machine! Morons!;

06. Italic font-style – It just looks god-damned-ridiculous on ALL BROWSERS;

05. Comic-sans (and 少女體/娃娃體/海報體 in Chinese) under ANY CIRCUMSTANCE – THEY AREN’T CUTE for 13 years already;

04. Tables for minor layout alignment – It’s NOT 1998, Try google “Minial Table” for god’s sake!

03. Hard-coded Inline style – again, this is NOT 1998!!

02. Flash sites; using a HUGE Flash without HTML options and/or skip button (well, i got one, Ctrl-W/Cmd-W!);

01. IE Only – FUCK IE! Especially IE6, FUCK IT!