Popup, Lightbox, Alert… 傻傻分不清

做完 Prototype 之後,就要進入無趣的 spec 撰寫階段。
我通常把想說的、想做的,都做成畫面示意。
所以,寫 spec 對我來說,是一件重複 & 無趣的事。

不過,無趣歸無趣,如果能讓合作的夥伴更加理解我做的 prototype,我會帶著微笑將它寫完、寫好。

在寫 spec 時,發現我對於不同類型的「跳窗」無法用正確的名詞來描述它。於是,上網 google 了一下,才發現我一直以來傻傻分不清,真是愧對跟我合作的夥伴。

Alert (警示訊息)

需要使用者注意,並立即決定,通常會伴隨「確定」及「取消」按鈕。

Modal/Dialog (模態/對話視窗)

點擊後,伴隨遮罩層彈出的視窗,可在視窗內進行操作。點擊 x 按鈕,或視窗之外區域,即可關閉。

Popup (彈跳訊息)

不需立即處理的訊息,但不會自動消失,需要 user 自己手動關閉它。

Flash Notice/Growl Notification (快閃通知)

顯示幾秒鐘之後,會自動消失。通常在告知剛剛發生什麼事情。

Lightbox/Theatres (燈箱)

用於放大並聚焦頁面中的某訊息,常用於圖片的放大展示。

Popover/Tooltip/Hovercard (彈出提示框/工具提示/懸浮卡)

用於展示額外的訊息或提示。

以上資料,擷取自:CSS 命名之Dialog, Modal, Popup, Popover, Lightbox 等的区别,歡迎詳細閱讀。

《韓劇》火星生活 Life on Mars

這一齣,應該是我看得最快的戲劇作品。

原本不想看,以為又是一齣穿越時空的警匪追逐戲碼。
但看在豆瓣的評價有 9.0 的份上,所以打算勉強自己看個一集。

沒想到,看完一集之後,就欲罷不能的看完 16 集。呼~ 真好看!

後來 google 之後,才知道它是翻拍自 BBC 的影集 Life on Mars。
網評甚至讚譽它不僅到位,而且到味,甚至超越。

我,想看續集...

飛利浦 音波震動牙刷 Philips Sonicare HX9352 入手

在小小柯國小一年級時,為了牙齒清潔與健康,我當時就買了 Oral B 電動牙刷。
不過,過沒多久,我和小小柯都棄用了。原因不外乎:聲音很吵,也沒感覺比較乾淨。

去年,已經國一的小小柯,收到了齲齒矯正的通知單,我又開始正視這個問題。
刷牙,小小柯有在刷,但臼齒、牙縫就是沒有刷得很乾淨,結果長了牙菌斑。

上網 google 之後,決定入手 Philips Sonicare 音波震動牙刷。

我和小小柯試用之後,嗯~ 機器本身沒有 Oral B 那麼吵,而且牙齒真的變得好光滑。

這款還有一個透明玻璃杯,將電動牙刷放在杯子裡面,就可以直接充電,實在很方便!
小小柯的阿媽第一次看到這個杯子,還想倒水進去,笑翻我了~

牙刷刷頭有副廠可換,露天就買得到囉~

烤肉去~

為了身體健康的緣故,基本上我是不贊成烤肉的。
小小柯接受我的想法,所以他也不喜歡烤肉。
不過,偶爾也會買店面烤肉飯,或是路邊攤烤肉串來吃。

上週,小小柯突然問我,能不能去參加同學家的中秋烤肉?

我沒多加思考,立即同意他的請求。
能跟同學、好友一起做伴做事,將是日後美好的回憶。

我只要求他在烤肉時戴兩層口罩,在吃烤肉時多吃點蔬菜水果。

昨天下午三點出發,晚上十一點多才回家。
吃得撐、喝得夠、玩得爽,這就是青春~


▲ 左三,橘色衣為小小柯

《大將軍司馬懿》軍師聯盟 + 虎嘯龍吟

終於和小小柯一起將《大將軍司馬懿》給看完了。

軍師聯盟,很緊湊、又精彩。
虎嘯龍吟,很拖泥,又帶水。

小小柯看完《新三國》之後,緊接著又看《大將軍司馬懿》,由於人物視角的不同、劇情著墨的輕重,讓他感覺好像看在兩個不同時代的戲劇。

小時候常跟著父母收看古裝劇,裡面用字遣詞的講究,絕非時裝劇、偶像劇可以比擬。有感於現代小朋友的國文程度日漸低下,所以我帶著小小柯一起看古裝劇。

小小柯自己也承認,看多了古裝劇,對於國文的理解有一些幫助。國二又剛好開始上中國史,小小柯竟是班上「唯一」能回答:三國是哪三國?各自的領袖君王是誰?...的小朋友。

爸爸的歷史知識,在爺爺講述的故事中、在電視的布袋戲中、在任天堂的電玩中。
兒子的歷史知識,在網路的卡通及劇集中、在 google 的搜尋結果中...