[IT秘笈] [書．改篇] 誰是大老闆

跟一位因害怕電腦系統失靈而失眠的朋友傾談。

「我公司電腦系統已經陳舊， 曾經系統失效，導致全公司運作停頓。幸好我及時把它修復，但自此以後，我就怕他再次失效而焦慮。」

「你似乎花了不少『腦力』去維持這部電腦的運作，人腦卻在支撐運作的過程受到破損。」

「過去我也迷信電腦的威力，好像很多資訊和數據，都在我的指頭之下。但結果人自己創造了一些東西出來，不但未能控制他，反被他操控拖垮。」

「說來倒是真的呢﹗前幾年地震，海底下的光纖電纜斷了，整個世界的運作也停頓了。」

「但我總覺得，公司的電腦系統失靈是我的能力有所不逮，是我的責任。」

「你很想電腦運作在你掌握之下？」

「你不覺得能掌握一些事物，給我們多一些安全感嗎？」

「有人說過，人生是一個破除假安全感（false security）的歷程。這些假安全感彷彿成為我們心中的偶像，我們花了畢生的力氣，去擁有這些令我們感到安全的東西。結果，因害怕失去這些東西，而令我們不安和焦慮。」

「正如我們創建的電腦系統？」

「我記得幾年前網絡大擠塞的兩個星期，我反而比以前有更多的心靈空間，跟妻子兒女溝通。」

「那似乎是失控，反而有所得？」

「像我們已屆中年的人，人生的經歷多了，應該知道很多世情是不在我們在握之中，一個金融風暴、一場大病、一次海嘯，使我們拋進失控的海洋之中，不知道如何再走進安全的避風塘去。」

「似乎，我不應該讓電腦系統令自己那麼焦慮，它只給我們一些假的操控感和安全感。」

「我想起詩人的說話：『若不是耶和華建造房屋，建造的人就枉然勞力；若不是耶和華看守城池，看守的人就枉然警醒。』」

「你的意思是叫我多一點let it go，放手給神？但我也介意同事和上司對我的評價。」

「你想在上司和同事心中有一個好印象，是可以理解的；但若因此不敢表露自己的限制，或向他們說出自己的困難，豈不是一個人獨力承擔所有公司的問題，十分辛苦？」

「難道你不怕上司的批評，同事間的比較之類？」

「我對你用『怕』這個字很感興趣。」

「每個人都有所懼怕吧！」

「但我覺得懼怕『誰』才是真正關鍵所在。」

「在工作世界，不是怕上司，就是怕對你有威脅的同事，難道還有其他嗎？」

「我不是說自己已經全然達到這種境界。但我記得有一位基督徒的前輩說過，當我們敬畏神時，就無所畏懼。」

「可否解釋多一點？」

「我意思是我們最大的老闆是神，最後要交代工作的對象也是他。肉身的主人只是已middle manager而已。只要我們認識真正的大老闆，知道他如何監察人心、明察秋毫，以心靈和誠實敬畏他，即使面對地上的middle manager，我們雖仍舊要聽從任命，但不再是為了討好他們，把自己常陷於過份焦慮和慌張的情緒當中。」

「這樣，let it go 就來得順理成章。」

「多謝你的註腳，我今晚可以安然睡覺呢！」


- 《為什麼你的快樂愈來愈少》區祥江 改編

覆診

今日第一次覆診，流程如下，記錄一下：

1. 俾錢（覆診費）
2. 去專科門診
3. 量血壓
4. 見醫生
5. 拎覆診紙
6. 俾錢（藥物費）
7. 拎藥

高左2cm，重左4kg，X_X

今日去覆診時早左半個鐘去到（感恩），係醫院等既時候忽發奇想，要等得有價值，就得早D準備，例如我雖然預早左半個鐘，但我可以拎第一張籌，之後唔洗等；早D--＞令到我唔洗等咁耐，所以等得值得；apply to 人生，有些事早些計劃，雖然都係等，但等係合適既時機的話，日後就唔洗等得咁辛苦。但時機未到都無辦法，有D事急不來，唯有繼續好好地等下，當時機成熟時，就會知道點為之等得值得。

對付病毒小秘笈

以下是我的小見解，記錄一下。

認識病毒

 甲、病毒的特性

1. 病毒不是細菌 ，不是活細胞，不是生物（概括定義）
2. 病毒的體積比細菌細小
3. 病毒不像細菌，不可以獨立在空氣中飄來飄去
4. 病毒要依附在活的細胞內，才能存活及繁殖

 乙、病毒的防禦

防止活細胞的接觸，所以要：

1. 帶口罩，預防別人的口水鼻涕等入侵身體
2. 蓋厠板沖厠，預防便便VV等的間接接觸，和預防病菌飛開
3. 常洗手，預防病毒經手上活細胞從眼睛、鼻哥、嘴巴等進入身體

 日常小秘技

 甲、個人衛生篇

1. 口罩難求，每個口罩都要好好帶
1. 先洗手，手唔乾淨摸口罩，幾貴幾靚就都浪費了
2. 鐵線按好D，唔好漏氣，漏氣啫喺你會吸到無經口罩過過濾過嘅空氣，咁又浪費咗佢了
3. 口罩拉左落下巴，留意面頰兩旁都要貼面呀！唔好漏氣
4. 如果面頰兩旁漏氣，橡筋就要打個小「的」，咁你就會好似帶咗耳環咁（ ：D ）
5. 唔好摸口罩顏色嗰面，唔好掂
6. 如果帶眼鏡，眼鏡嗰兩粒「的」卡住口罩上面，唔好郁來郁去，就可以托少幾下眼鏡
7. 掉口罩後洗手，記得洗埋眼鏡
2. 個人清潔
1. 回家後：
1. 鞋子不要四圍踩，門旁放兩張報紙，鞋子放在上面
2. 鑰匙放好一定位置
3. 袋子放好一定位置（待清潔）
4. 外衣放好一定位置（待清潔）
5. 洗手
6. 脫口罩
7. 洗手＋洗眼鏡
8. 清潔袋子、外衣，放好
9. 洗澡去，髒衣服不要亂放
2. 清潔手機、銀包、八達通
3. 手洗淨後，預計在家正常活動了，就可搽hand cream了！

乙、預防家人之間的傳染

1. 抺地，由內至外：睡房->廚房->內廳->門口->洗手間（依據一些參考的建議的）
2. 記得門把也是常用手接觸的地方（或門邊、留意個人習慣）
3. 漱口杯不要共用
4. 用公筷（這個啊，其實我們很方便了，多一對公筷也夠一家人用了吧？也可以多一隻匙，方便「不」餸）
5. 不要太近（為了保護家人 ：（ ，現在好多時都是家人傳染 ）
6. 飯後洗碗筷（我知道待著是容易的⋯⋯）
7. 洗滌盆也要清潔，網子的餘碎也要清掉
8. 按習慣定時倒垃圾（留意大廈的安排，配合更好）
9. 按習慣定時洗衣服

丙、返工保禦術

1. 預備一張紙巾，搭lift按制可以包住手指
2. 這張紙巾也要留著用來開門
3. 回到公司就要洗手
4. 每天清潔mouse 和keyboard （個人認為mouse更常用，和更難清潔）
5. 每天清潔杯子
6. 跟同事對話，若可以就都要帶口罩吧
7. 吃飯前脫口罩，預備一張紙巾放它
8. 手也要清潔一下
9. 飯後垃圾要清潔好
10. 手又要清潔再戴口罩，不要摸顏色面
11. 常常很怕在公司去洗手間：（，厠板要清潔，沖厠要蓋厠板
12. 衣服不要四周踫到 ：（
13. 去完洗手間要洗手是基本常識
1. 公司安排
1. 去過敏感地方的員工，自我隔離
2. 有病不要上班
3. 努力工作，擔心疫情後⋯⋯：（

丁、長遠計劃

1. 節流，經濟前景未能預計⋯⋯
2. 保持健康，有口罩沒健康是沒有用的
3. 不要擔心太多，活得一天就好好活這一天
4. 做運動，正如平常的生活一樣，按情況調節
5. 這個世界不只有一種病毒，病菌仍很多，我們要如常一樣保持健康，抵抗不同種類的它
6. 珍惜家人
7. 不喜歡的人就不要常常想著他們好了⋯⋯
8. 作喜歡的事情，善用時間

個人小記錄，喜歡的話就看一下吧。

日常生活小秘笈

活左咁多年人，唔多唔少唔覺唔覺就養成左濕濕星星多多少少既壞習慣，屋企人頂左多年，外人就忍唔到了……有冇為意過，原來自己唔係想像中咁美好，但又成日係度批評人地既不是……

又或者屋企人唔鐘意既嗰Ｄ微言，正係自己需要改善既地方？

例如用完既紙巾，唔想行去掉落垃圾桶，所以就咁放係枱面……咁……有冇可能掛個小小既垃圾袋係位附近，或者改變下個垃圾桶既位置？總之唔好俾佢見到你嗰張核突紙。

以下是我們家的日常生活小秘笈，記錄一下，話曬屋企都係大家一齊住，有責任要自己執下……呵呵😔　呢一句唔好比屋企人聽到……

1. 大門附近預備一個小平台，例如椅子或小桌子
   買左好多野，番到屋企梗係好想第一時間擺低佢啦～擺地下？尤其係食物就梗係唔係咁好啦～而且要係地下執都唔係好方便……
   安排一個個小平台擺一擺野，之後再分番一樣一樣，凍野放雪櫃，食物放廚房，其他野放番好，就唔洗俾人話唔執好Ｄ野了。
2. 小平台附近放一把利既較剪
   廁紙、紙巾呀、公仔麵呀、維他奶呀，一pack pack要解體既，有把*利*既較剪幫個忙，就唔洗用咁多力，Ｄ野又快快趣拆左膠紙擺好曬ＬＵ。唔好又俾人話啦。
3. 大門附近掛鑰匙
   「又唔記得帶鎖匙，你有冇帶腦……」鎖匙記得掛係門附近，唔記得帶既機會應該會細少少既。仲要有手尾番到屋企要放好原位。👵
4. 垃圾分類箱
   每日掉既垃圾，同可以草埋既玻璃瓶、紙、膠、鐵罐分開，留個地方放呢Ｄ，愛護地球。
5. 整齊的袋ｓｓ
   大大小小唔同款式既膠袋，感覺良好既，揾個大Ｄ既袋摺好入埋一起，有時咁岩可能就有需要用到。太殘、擺到脆就要掉啦！
6. ２雙拖鞋
   一雙膠的，入洗手間，沖涼後穿濕了可以穿另一對，但記得濕左嗰對要放係好既地方吹乾。
7. 唔好整到洗手間個地下濕笠笠
   無人會唔出聲的，唔出聲都會黑面💀，所以一係唔好整濕，一係自己行出去之後拖番好佢。😐
8. 洗完頭之後，地下既頭髮同水…
   仲知揾毛巾兜住又好，點都好，地下唔好濕笠笠，吹完Ｄ頭髮後執番佢…（記得既話）因為頭髮好難掃。
9. 一樽裝滿水大膠樽
   媽媽智慧，呢樽裝滿水大膠樽佢有重量，可以放係門後頂住唔俾門吹開，然後試過洗冷氣機盤時，直接拎嗰樽水倒過去好方便。
10. 母夜叉
    就者係一支長Ｄ既叉，放係窗旁，方便晾衫。
11. 飯桌旁的小垃圾桶
    很方便的，你試試。
12. 密封的遙控
    因為試個好多次，個遙控封塵、或者倒瀉奶茶落遙控、或者個粒制唔知做乜鬼甩左之類👹，但自從我地用左個透明膠袋好好地包住佢之後，個遙控終於唔洗咁容易endgame了。
13. 廚房sing盆旁的神奇洗手液
    返到屋企洗手間有人用緊，都可以去廚房洗手。洗完碗碟之後又可以用無咁傷既梘液洗一洗隻手，順便清下去水位

[Screen Capture] Good Tool for capturing screen

To capture an image, try this:

SnippingTool++

To capture gif animation, try this:

LICEcap

[CSS] Print Background colours in Chrome

-webkit-print-color-adjust:exact;

[UX] Form Design Best Practices

https://www.ventureharbour.com/form-design-best-practices/

General Form Design & Structure

1. Multi-step forms out-perform single-step forms

2. Remove all non-essential fields

3. Use conditional logic to shorten your forms

4. Top-left aligned labels are best for readability & completion (*)

5. Avoid placing questions side-by-side

6. Give people a reason to use your form

7. Group related fields together into sections or steps

8. Choose field types that reduce the number of clicks required to complete (*)

9. Use smart defaults (-)

10. Know when to use radio buttons, checkboxes, and dropdowns (*)

11. Radio buttons should be vertically-stacked

12. Do not slice fields when asking for phone numbers or date of birth

13. Clearly explain why you’re asking for sensitive information (-)

14. When asking for addresses, use a post code / zip code lookup to reduce field entry

15. Use placeholders correctly

16. Always display a field label

17. Use predictive search for fields with lots of pre-defined options

18. If you must ask an optional question, make it clear that it’s optional (-)

19. Selectable images are among the most engaging question type (*)

20. Be careful when asking for phone numbers

21. Input fields should be sized accordingly

Accessibility & Ease of Use

22. Avoid using Captchas (*)

23. Do not rely on colour to communicate

24. Ensure that your entire form can be navigated using the tab key (-)

25. When asking a question that users may not understand, provide clear explanations to guide them to the correct answer

26. Does your form work on all major browsers and devices? (-)

27. Is your form easy to use in bright or low-light situations?

28. Ensure that nothing flashes more than twice per second (-)

29. Enables browser auto-fill

30. Use milestone submissions (-)

31. Optimize the speed of your forms (-)

32. Avoid auto-advancing (automatically jumping to the next question) (*)

33. Use visual cues and icons to make form fields more intuitive

Input Validation & error handling

34. Don’t make your validation too strict (*)

35. Do not ask people to confirm their email or password twice

36. If you must use validation, ensure that it’s inline (to the right of the field) and reports errors early on.

Ideally, inline validation messages should appear around 500ms after a user has stopped typing. (*)

Trust & Social proof

37. Make your form design beautiful (-)

38. Address likely concerns near your form

39. Display strong social proof in close proximity to your form

40. Be careful using security seals, unless you’re asking for payment (*)

41. Display live chat or contact information within view of your form (-)

Multi-step forms & progress indicators

42. When using multi-step forms, always display a progress bar (-)

43. Be mindful of your transition speeds (*)

44. Use clear signposting

Buttons & Call to actions

45. Call to actions should finish the sentence ‘I want to…’ (*)

46. Make sure call to actions are highly contrasted (*)

47. Call to actions should be the same width as fields (-)

48. Avoid using ‘clear’ or ‘reset’ buttons (-)

49. Sequence your questions logically (-)

50. Do not place overly complicated legal messages near your buttons. (-)

51. Do not trick users by auto-enrolling them into your mailing list.

52. Clearly explain what’s next upon clicking the submit button

53. Upon submit, disable the submit button from being pressed again (*)

54. Make it clear what the user can expect to happen next (Duplicated with 52.)

Mobile form optimization

55. Use the mobile device’s native features (camera, geolocation, date picker) to simplify tasks (-)

56. Question fields and buttons should be at least 48 pixels high. (*)

57. All form labels & placeholder fonts should be above 16px (*)

58. Use specific HTML input types to show the correct keypad (*)

(*) - Good read / Good tip

(-) - Not quite useful tip