tree view menu 設計
無論喺 software, web, kiosk 都需要 menu 整理多個選項方便比人柬，最簡單可以分為打橫同打直；造得 UI 設計應該比一舨人考慮嘅野多得多，唔限於觀感。打橫嘅 menu 同 tab 一樣，最大限制在於 minium width，所以唔會放倒好多個，適合簡單嘅web，好處係一眼就睇倒 web 嘅最頂 ......
design
中英夾雜&Glyphicon混用
造 printing 同 web design 最大嘅分別在於 web 嘅最壞閱讀環境在於低網速細屏幕嘅手机，以 mobile-first 開始設計，所以 file size 應該盡量降低，版面傾向簡洁。網頁係漸進式咁 load，應該优化到由 CSS > web font > jquery.js > ......
由 database 設計主導管理
我見證過某啲 IT project 目的在於提升管理水平，但系統好多時都過於覆雜難以運用，效果比預期差得多，甚至令管理方式更加受制於電腦系統而變得僵化。客戶普遍嘅技術知識相當有限，缺乏改良系統嘅能力係理所當然，但最常見嘅問題係連基本嘅 maintance 都有問題。另一方面，IT 界嘅工程師普遍對人嘅溝通能力有限，只會 ......
以 640px 闊度限制增强可讀性
網頁嘅版面設計同雜誌設計完全唔同，尤其是自從手機嘅細屏幕都可以用黎睇網頁之後，以 responsive design 制作嘅 web，6″ 至 27″ 以上嘅屏幕都係睇同一頁；就算 mobile app 大部份都因為屏幕大細唔同而分同 phone app 同 pad app 兩種。Web 嘅 l ......
HDRi ToneMapping
一個色彩準確嘅電腦 mon 同一套鑑聽級嘅音响一樣係做藝術創作嘅靈魂之窗，確保輸出就係大眾欣賞輸入嘅效果。現時以無角度色差嘅 IPS 屏幕效果最好，typical contrast 大約係 1:1000, 8bits color depth，luminance 應該調較到 120 cd/m2 ，6500K 色温，col ......
Themify Basic Theme demo
網站質素之所以能夠不斷提升，係因為已經有好多複雜嘅部份都做到 reusable，比較大型嘅會以 framework 或者 system 形式出現。要做到能夠具成本效益之下制作大量高質素又複雜嘅網站，唔單止要運用合適嘅 framework 或者 wordpress 依類 CMS 作為 platform，而且仲要喺 pla ......
Themify Basic Theme demo Read More »
WordPress & WordPress.com
自 2011 年Windows Live Spaces正式停止運作，由Automattic營運嘅WordPress.com接收所有原本喺 Spaces 嘅用戶同內容之後，blog 嘅熱潮正式劃上句號。但 blog 依種以 content 為主，一個 Title，一兩幅相片加一篇短文嘅形式，唔單只人喜歡睇，而且 sear ......
WordPress & WordPress.com 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 »