Search Engine Optimize (SEO)

[SEO] Robot.txt 寫法

2016-11-25 C.H. Ling 0

Search Engine 去收集網頁的data, 主要會利用web robot 去screen 網站中的內容, 並更新其database. 然而, 部份網站並不樂見有robot access 其網頁, 除了產生不必要的network traffic 外, 而且還有機會screen到敏感資料. 因此便出現了Robot Exclusion Protocal, 一種common command去指令robot 去screen 哪兒.

User Experience (UX)

[UX] Pencil

2016-11-25 C.H. Ling 0

之前提及做prototype, 雖然個人覺得最厲害的工具是紙和筆, 但有時要給客戶看時, 也不能夠如此in-professional. 所以找來了一套工具用作設計介面.

User Experience (UX)

[UX] User Experience Lifecycle

2016-11-25 C.H. Ling 0

之前買了本關於UX的書, 果然介面設計也好有學問, 除了須要有technical background 外, design sense 又少不得, 難怪會有UX designer 這個工種.

Security

[Security] Cross-Site Scripting (XSS)

2016-11-25 C.H. Ling 0

Cross-Site Scripting (XSS) 是一種injection attack, 將一些程式代碼加到網頁上. 若果注入成功, 當其他人開啟網頁時, 注入的代碼便會執行, 從而盜取資料.

旅程策劃

[旅程策劃] 地理資訊地圖

2016-11-22 C.H. Ling 0

計劃行程時, 除了用Google Map 和Open Street Map 外, 若果須要更精準的地理資訊, 可以利用地政署的資訊圖. 它的比例可以去到1:1250, 即是1cm 等如12.5m, 故它記錄的地形資料更多. 而定位方面, 除了GPS 用的經緯度, 山藝會學到的MGRS 亦能夠用作定位. 最意外是電燈柱的serial no. 都可以定位. 當然, 標距柱就一定可以吧.

Programming

[UX] Font Awesome

2016-11-22 C.H. Ling 0

砌UI 時, 總須要一堆圖示令系統變得更容易被理解. 但Google 到好圖時, 不是要課金, 就是要bitmap為主. 而它不能隨著screen resolution 而改變. 這令UI design 上產生問題. 

Infrastructure 基建

[Server Admin] phpVirtualBox

2016-11-22 C.H. Ling 0

VirtualBox, 算是一套Open source 的Virtualization Solution, 早前被Oracle 買起後繼續發展,  可惜與VMware 最大的分別是VirtualBox 沒有像ESXI 般直接存取硬件資源 (Hpyer-visor Type 1) 而須要透過OS 存取資源 (Hyper-viser Type 2). Centralize administration 更是麻煩. 幸好, Opensource 能夠方便地讓人加入新功能. 而phpVirtualBox 就是一套能夠remote admin VirtualBox host application, 介面亦相類似host OS application UI. […]

Open Graph Protocol

[Open Graph] 如何設定Facebook Shared Content

2016-11-22 C.H. Ling 0

最近做一個project, 網站需要利用social media 作sharing, 基於de-facto standard, 故須要於網頁中加入Open Graph Protocal. OpenGraph 是Facebook 發明的一套準則, 可讓不同的search engine 更有效地收集到網頁中的資訊. 現在除了Facebook, WhatsApp 都有應用到. 當將URL 放到message box 上, 它便會讀取網頁上的OG tag, 從而讀取 data render UI. 於<HTML> tag 內, 須加入prefix 作識別: <html prefix=”og: […]

1 21 22 23 24 25 27