Programming

[Angular] 自建custom component

2016-12-06 C.H. Ling 0

Angular Component 類似WinForm / WPF 的User control, 將一個會重覆使用的markup 抽出成獨立個體, 並於不同地方使用. 從而加快develop / change 速度. 在這裡, 會以建立一個layout component 示範如何建立custom component.

[ASP.net] 如何建立Blank ASP.net Angular Project

2016-12-01 C.H. Ling 0

有時工作上, 要建立一堆project 處理, 通常都見到會有一份document 用作標準作業流程(Standard Operation Procedure, SOP), 但為了減少人為錯誤及節省時間. 通常會建立一個template 當作懶人包. 今次工作上要用Angular 做front-end, 無須使用ASP.net MVC project 中大部份功能, 以精簡front-end 作大前提下, 便直接用此作示範如何建立一個project template.

[UX] Pencil

2016-11-25 C.H. Ling 0

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

[UX] User Experience Lifecycle

2016-11-25 C.H. Ling 0

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

[ASP.net MVC] 設定Multi-language 介面

2016-11-24 C.H. Ling 0

不同的語言設定, 在網頁上是平常的事, 在ASP.net MVC 上套入, 也不太複雜, 方法如下:

[UX] Font Awesome

2016-11-22 C.H. Ling 0

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

[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: […]