JavaScript: Closure 與 Hoisting

分散 var 來宣告變數並沒有太大的意義,因為就 JavaScript 程式語言的特性來說,函數(Function)中未宣告而先用到的變數會被提升至區塊的第一行做宣告。先來看基本觀念 Closure,再來看 Hoisting。

javascript closure 閉包 ReferenceError undefined javascript


Responsive Patterns: Layout

Responsive Patterns 是一個蒐集響應式設計與實作的元件庫,舉凡 Layout、Navigation、Forms、Carousel、Tabs、Accordion 和 Lightbox 等皆有,很適合當成學習教材。先來玩玩 Layout 吧 - 分成這幾類:Reflowing、Equal Width、Off Canvas、Source-Order Shift、Lists 和 Grid Block。

Media Query Responsive Web Design css 響應式網頁


利用 Bootstrap Grid System 排版的學習筆記

利用 Bootstrap Grid System 來排版真是一個方便的方法-若頁面上有許多小方格會隨著解析度而有不同的排列方式,就很適合用 Grid System 來排版。

Bootstrap Media Query Responsive Web Design 響應式網頁 css


UXHK 2015

年初我和小奎突然決定要參加 UXHK 2015,對我來說,有自己想做的東西後,很自然的就想去看看其他產業、其他環境、其他人或職位怎麼做怎麼想、關心什麼議題。

UXHK 香港


赤柱(Stanley)- 悠閒愜意的異國風情小鎮

如果準備搭飛機離港前剛好有一小段時間不知道要幹嘛的話,可以考慮到「赤柱(Stanley)」逛逛。赤柱像是沒有商業化又比較乾淨的淡水,跟西貢比起來更有異國風情味。

香港 旅遊 生活 亞洲


YHA 美荷樓青年旅舍(YHA Mei Ho House Youth Hostel)

藉 UXHK 2015 之便,我們在香港多待了幾天。而來去香港好幾次,每次我爸都習慣訂 YMCA,但無奈改建成高級酒店,像我們這樣的小資女孩是無法負擔的。同行夥伴找到一間「YHA美荷樓青年旅舍(YHA Mei Ho House Youth Hostel)」,看起來交通方便(近港鐵深水埗站)、環境漂亮又安全、價格便宜,就訂了下來。

香港 旅遊 生活 亞洲


使用 Bootstrap 建立一個 RWD Template(Twitter Bootstrap in Responsive Web Design)

使用 Bootstrap 建立一個 RWD Template 的筆記。

Bootstrap Media Query Responsive Web Design 響應式網頁