Apache PHP DB 安裝 & 优化
我對於寫 code 嘅睇法同教育界嘅 STEM 唔同，甚至去到商界都普遍低估軟件開發嘅難度而追求大量功能，往往因為有主觀需求就由零開始寫 code，無花時間去揾有乜 open source 或者 library 可以用。用類似產品交易嘅商業模式之下，只會導至盡快交功課完成任務， 缺乏長時間運用同持續 debug 改良， ......
Apache PHP DB 安裝 & 优化 Read More »
ESP32&8266兼容處理
一直以黎我覺得用電腦供電比 12V PWM 風扇調速最實用，寫 Arduino 嘅首選係有 12V DC 插頭用 esp8266 嘅 Wemos D1 R2 ，令外我新買左块都好普及用 esp32 嘅 UNO D1 R32 。咁叫 esp32 應該係第一代嘅双核 240MHz mcu 比 8266 嘅單核 160MHz ......
HighCharts Stock & JSONL 運用
Highcharts 係最好用嘅 plot graph javascript library 有好多款式，但當去到過萬隻 record 時就會變得好慢，而且想 zoom in 某一小段時間再 pan 咁睇唔方便；經 copilot 介紹之後，我轉左有 range selector 嘅 HighCharts Stock ......
HighCharts Stock & JSONL 運用 Read More »
WS2812 HSB 色彩校正
我用 8266 造 PWM 風扇調速既簡單又實用用左好耐，之後又諗倒用粒 WS2812B LED 變色黎顯示速度快慢，發現 Hue 值嘅改變唔係線性，出現變色變得太多或者太小唔容易察覺嘅問題，於是要自己柬幾個色出黎用 Hue 個数寫成 array 去對表示 pwm 大細。我用嘅係 NeoPixelBus library ......
用 Coolterm 取代 Arduino Serial Plotter
當我試 “MAX30102心率計模块” 時，我用嘅 “SparkFun_MAX3010x_Library” 裏面有個 example 用到 Arduino IDE2 新加嘅 Serial Plotter 功能，可以 plot 紅外線穿透手指嘅能力而測出心率，我覺得好精對好 ......
用 Coolterm 取代 Arduino Serial Plotter Read More »
用 AJAX 經 Wifi 取代紅外線遙控器
我屋企部電腦係運用最頻密嘅電器，只要簡單整一頁網頁上面有幾粒制，就可以方便遙控有紅外線接收嘅電器，包括冷氣同電視盒，避免揾遙控器同需要對準嘅麻煩。原理同手机紅外線遙控一樣，其實只要能夠發出 38000Hz 嘅超高音，耳机插頭都可以作為紅外線發射訊號嘅接口。 首先要錄低遙控器上面要黚果幾粒制嘅碼，ESP8266 有 IR ......
用 AJAX 經 Wifi 取代紅外線遙控器 Read More »
紅外 slowmo 影片制作
拍片因為唔同影相可以影raw，畫質係受制於 max bitrate 而唔係 sensor 或者鏡頭，如果無 10bit 或者叫 HDR10 format 而只限於 8bit 嘅話，後制可調色彩空間相當有限，所以一定要影嘅時候就 set 好 white balance 同 exposure。就算用細 sensor 嘅手机 ......
tree view menu 設計
無論喺 software, web, kiosk 都需要 menu 整理多個選項方便比人柬，最簡單可以分為打橫同打直；造得 UI 設計應該比一舨人考慮嘅野多得多，唔限於觀感。打橫嘅 menu 同 tab 一樣，最大限制在於 minium width，所以唔會放倒好多個，適合簡單嘅web，好處係一眼就睇倒 web 嘅最頂 ......
相片制作光影效果影片
影夜景可以用慢快門長時間爆光影出車流嘅光影效果，但如果要制作夜景影片嘅話，因為 25fps 就係 1/25s 快門，爆光不足之下唯有推高 ISO 去到 1000 以上，度至有大量 noise 而畫質欠佳。有啲机會 auto slow shutter， set 25fps 實質快門降到 1/12.5s 減 noise，然 ......
祼眼 3D stereograph
喺黑白相嘅年代，就有人諗倒用両張模擬左右眼影像嘅相放埋一齊，唔洗帶立体眼鏡就可以產生3D效果，而且我認為衣種方法嘅效果先係最逼真，啱晒衣家喺高密度嘅手机芒睇。不過市面上無好嘅雙鏡立体相机，現時嘅VR鏡頭都係雙魚眼鏡，要靠電腦輸出VR影片。如果要自己影其實唔難，我用一塊120mm Arca Swiss 快裝板加一個 50 ......
中英夾雜&Glyphicon混用
造 printing 同 web design 最大嘅分別在於 web 嘅最壞閱讀環境在於低網速細屏幕嘅手机，以 mobile-first 開始設計，所以 file size 應該盡量降低，版面傾向簡洁。網頁係漸進式咁 load，應該优化到由 CSS > web font > jquery.js > ......
由 database 設計主導管理
我見證過某啲 IT project 目的在於提升管理水平，但系統好多時都過於覆雜難以運用，效果比預期差得多，甚至令管理方式更加受制於電腦系統而變得僵化。客戶普遍嘅技術知識相當有限，缺乏改良系統嘅能力係理所當然，但最常見嘅問題係連基本嘅 maintance 都有問題。另一方面，IT 界嘅工程師普遍對人嘅溝通能力有限，只會 ......
量子點圖形容各地氣候
Open-Meteo 係唯一免費提供世界各地歷史温濕度数据嘅網站，密度去到両分鐘，十年就有超過三萬條数据，比 data.gov.hk 揾倒香港天文台嘅 data 仲要豐富。一般了解各地氣候係用 Köppen climate classification，文字難以比較，好多時只簡化成 “平均温度” ......
用 I2C port expander 制作 LED 鐘
寫 code 可以叫 “編程 programming”，但我覺得叫 “程式設計 software design” 更理想，屬於設計過程，由明確目的開始入手，而唔係類似教科書咁順向學習或者研究，限制於唯一造法。由寫鐘開始學寫 code 係一個唔錯嘅選擇，因為目標明確，只要達到目的就可以，可能性可以 ......
用 I2C port expander 制作 LED 鐘 Read More »
以 640px 闊度限制增强可讀性
網頁嘅版面設計同雜誌設計完全唔同，尤其是自從手機嘅細屏幕都可以用黎睇網頁之後，以 responsive design 制作嘅 web，6″ 至 27″ 以上嘅屏幕都係睇同一頁；就算 mobile app 大部份都因為屏幕大細唔同而分同 phone app 同 pad app 兩種。Web 嘅 l ......
用 websocket 遙控 Wifi 模型車
我受到一個 Arduino 教程 “WiFi Controlled Car with a Self Hosted HTML/JS Joystick” 啟發，盡量喺 web 寫 code 好過喺電子裝置入面寫 Arduino 嘅 C；我覺得寫 wifi 搖控車嘅教育價值一定高過寫迷宫智能車，主要原 ......
用 websocket 遙控 Wifi 模型車 Read More »
用 WeMos D1 開發 IoT
IoT (Internet of Things) 嘅概念係將硬件連接 internet，最大問題係各品牌嘅家用產品無法互相溝通，集中一個界面操控。DIY IoT 嘅最佳選擇係良率比較高用 ESP 8266 MCU 有 wifi 功能嘅 WeMos D1 R2 或者 D1 Mini Pro，最實用係用 I2C 連接温濕度 ......
ESP8266 & encoder 調速開関
自從 Arduino IDE 出現之後，microprocessor 嘅軟件開發變得容易得多。衡量過功能、價錢、良率之後，我認為淘宝可以買倒嘅 Wemos D1 R2 開發板可索性最高；佢用 ESP8266 MCU，比相對為人熟悉嘅 Arduino UNO R3 開發板速度快 10 倍以上，有 WiFi 功能可以運用於 ......
ESP8266 & encoder 調速開関 Read More »
HDRi ToneMapping
一個色彩準確嘅電腦 mon 同一套鑑聽級嘅音响一樣係做藝術創作嘅靈魂之窗，確保輸出就係大眾欣賞輸入嘅效果。現時以無角度色差嘅 IPS 屏幕效果最好，typical contrast 大約係 1:1000, 8bits color depth，luminance 應該調較到 120 cd/m2 ，6500K 色温，col ......
近乎lossless video edit & streaming
人眼有將最低 50fps 密度嘅相片變成暢順影片嘅特質，相片 file size 因為唔算大，有 lossless format 例如 .png，但影片需要高效低失真嘅 lossy format 保持可接受bitrate，尤其是透過 web 做 video streaming 嘅時侯對 bitrate 嘅控制更加嚴荷。 ......
近乎lossless video edit & streaming Read More »
WordPress API 開發環境
好多關於 WordPress 嘅文章都會提到 “stop selling the technology”，尤其是香港絶大部份人都未接觸過 CMS，好少人會主動要求要有 CMS 功能，於是網站都以 static content 為主，缺乏擴充能力。 新嘅 web technology 不斷誔生，網 ......
WordPress API 開發環境 Read More »
虛擬 Promotion Girl
美女係常用又具效果嘅市瑒推廣手法之一，好多時會作為廣告元素，吸引人嘅目光。要有高質素嘅人像攝影除左要請美女做 model，仲要化粧、服裝、燈光、攝影各方面人材配合，加上攝影場地各樣都要配合。除左成本之外，香港吋金尺土，普遍攝室都細小，柔光設備唔夠大，大部份嘅人像攝影包括電視台制作都傾向光影較硬。 我用左比較為人所忽略嘅 ......
室內超廣角 360° Panorama
360° panorama 全景觀賞除左用喺好似 Google Street 嘅風景名勝之外，其實仲可以用喺細小嘅室內作為展現室內設計，或者酒店餐廳酒吧嘅裝潢。透過網頁可以隨時用手機觀賞，或者用電腦屏幕 full screen 感受置身其中。我用左 3D rendering 制作一個 4×4 米細小嘅空間嘅 ......
室內超廣角 360° Panorama Read More »
Themify Basic Theme demo
網站質素之所以能夠不斷提升，係因為已經有好多複雜嘅部份都做到 reusable，比較大型嘅會以 framework 或者 system 形式出現。要做到能夠具成本效益之下制作大量高質素又複雜嘅網站，唔單止要運用合適嘅 framework 或者 wordpress 依類 CMS 作為 platform，而且仲要喺 pla ......
Themify Basic Theme demo Read More »
多語系網站 by WPML
如果將網站用語文分類，對比 internet user，就會發現一個有趣嘅現象；主要係中文網站比例上較中文網民大幅落後，而英文網站佔左全球網站一半以上。依個現象除左反映中国嘅 internet 與別不同之外，亦可以預期中文網站數目增長速度會比其他語文快。另外，internet 作為新時代知識寶庫，亦可以反映英文閱讀能力 ......
Relevance 與 Authority 係 SEO 基礎
Organic search 嘅意思指直接打 keywords 入 search engine 而得出嘅 Search Engine Results Pages (SERPs)，唔包括 paid search，係所有 marketing 手法之中最高效；有賴 search engine 不斷提升準確度，亦係資訊科技嘅重 ......
Relevance 與 Authority 係 SEO 基礎 Read More »
用 Framework 解決技術問題
喺 2013 年，所以所有網站都應該用 responsive layout 去做到 mobile-friendly；換句說話其實係解決上網設傋嘅兼容性問題。同時亦喺 2013，IE6 同 7依舊款 broswer 所帶黎嘅兼容問題唔需要再理會，所以 custom font face 依類只可以喺 IE8 以上先用到嘅設 ......
用 Framework 解決技術問題 Read More »
Content Marketing
Web界有句名言：”Content is King”。一個網站嘅頁數同 search engine 可以揾倒你嘅機率差唔多成正比，依個既係直覺亦係事實。所以 CMS (Content Management System) 或者 blog 被喻為新一代嘅網站形式，方便加入新內容同不斷累積內容對於網 ......
WordPress & WordPress.com
自 2011 年Windows Live Spaces正式停止運作，由Automattic營運嘅WordPress.com接收所有原本喺 Spaces 嘅用戶同內容之後，blog 嘅熱潮正式劃上句號。但 blog 依種以 content 為主，一個 Title，一兩幅相片加一篇短文嘅形式，唔單只人喜歡睇，而且 sear ......
WordPress & WordPress.com Read More »
用 Blog 彌補 Facebook Page 不足
依家好多公司或者網店都會整 Facebook 專頁，然後叫自己啲朋友 Like。Facebook 專頁以前叫 “Facebook Fans Page”，依家改左叫 “Facebook Page”，不斷改版之後，依家以 timeline 形式出現。Facebook Page ......
用 Blog 彌補 Facebook Page 不足 Read More »
Pinterest style / Masonry layout
Pinterest喺 2013 年人氣急升，佢用左一種本來沿自 Google Image search 嘅Masonry layout。依家 Google+ Page 同唔少網站設計都喜歡用依種比 responsive layout 更靈活，可以充份運用屏幕空間之餘，又適合喺手機觀賞嘅設計。因為一睇倒依種砌磚形式嘅 l ......
Pinterest style / Masonry layout Read More »
Dedicated mobile theme
以配備 Retina display 嘅 iPhone 4 為例，3.5″ mon 雖然有 640×960 嘅 resolution，但 browser 只會以device independent pixel作為參考，將 mon 視為 320×480，即device-pixel-rati ......
Dedicated mobile theme Read More »
Responsive Web Design
iPhone 同 iPad 嘅冒起令 Flash 間接走向淘汰邊緣，同時多左好多人用細屏幕去睇網頁。雖然手機裏面嘅 browser 已經特別設計，可以睇倒一般喺 desktop 大 mon 睇得舒舒服服嘅網頁，但喺個細左幾倍，得四五寸嘅 mon 上面睇，成日要拉大縮細好唔方便。流動上網成為潮流，同時亦係網頁設計係惡夢開 ......
Responsive Web Design Read More »
Marketing effectiveness
Marketingsherpa係一個唔錯嘅市場學網站，會揾倒好多 charts 同統計數據做參考。當中有一個集合傳統同 online marketing 嘅 chart，比較少有咁將 difficulty 同 effectiveness 做對比。可以想象愈高 effectiveness 加上愈低 difficulty， ......
Marketing effectiveness Read More »
用 WordPress 架建網店
唔知点解好多人提到購物網站，會諗起用 Joomla 或者 Magento。前者係 CMS 嘅老牌，係 Mambo 嘅前身；後者係 E-commerce 嘅專業級 opensource system。如果上網做下功課，純做 E-commerce 嘅 opensource system 有好多隻，但如果唔係做到好大型，或者 ......
URL 與 Title 係 SEO 嘅關鍵
好多網頁設計師都唔重視 SEO (search engine optimization)，包括我自己一直都以為 SEO 只係打灑啲最 common 嘅 keywords 入 meta tags，對 search engine 嘅作弊手法。但現今嘅 search engine 為左 search result 更加準確， ......
URL 與 Title 係 SEO 嘅關鍵 Read More »