FFmpeg 是一個功能強大的視頻影片編輯工具庫，而且是開源、免費、有強大的網上社群頻密更新。FFmpeg 沒有圖像介面(GUI)，市面上為這個工具製作GUI的公司亦不少。 在Windows上，安裝FFmpeg不外乎下載、兩點擊、安裝。 Mac OS就沒有這樣舒服了。正正是由於 FFmpeg 是開源、沒有GUI的情況下「理應」只有會用要打字的文字指令介面 (Command Line Interface, CLI或者「命令列介面」)的人才會用，所以就是連安裝，也得用CLI。下面是Mac OS 上安裝 FFmpeg 的步驟…
[Continue reading]
每次要製作iOS 靜態載入畫面和圖示大小都得Google一番，在Slackoverflow遊一下花園才找到要找的東西…… 還是乖乖的一post過寫下來，免煩。
[Continue reading]
Google Sheets的其中一個強大之處，就是可以利用Google Finance的API功能(((免費)))召喚部份金融市場上的數據。 數據不是實時，限制也多，但由於是免費，加上Google Sheets的其他試算表功能，不少人都用它來當自家的投資記錄。 這是基本的延時報價功能： =GoogleFinance(“HKG:2800″,”price”) 在滬港通開通初期，上海證交所的延時報價可以用 “SHA:60xxxx”來召喚，然而在2015年中，Google Finance的API不再支援在Google Sheets中顯示上海證交所的延時報價，於是，所有東西都是… N/A Google Sheets的強大功能，即使一個API倒下了，還有千千萬萬的替代科案， 下面就是將套用Google Finance網頁版的上海A股延時報價資料放在Google Sheets的Formula!
[Continue reading]
相比常見的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 屏寬和屏高的matrix： Display pixels Resolution (portrait)…
[Continue reading]
在HTML中，如果文字框text input field──像或者等等──本身已經有左右padding設定的話，當width=100%時，文字框的長度就會比100%大。 像這樣： 不爽吧？ 這裡就有解決方法：
[Continue reading]
Handbrake中的universal preset適用絕於大部份的iOS device，但這個preset (和其他預設的preset) 都強制用29.95做fps值，影片大小和比例有限（而且奇怪…），它的H.264的VBR設定更用上20，在容量上相當慷慨。 基本上，從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]
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 to make horizontal spacing or even fake “Center” aligment – I know,…
[Continue reading]