我還好好的，你們都好嗎？

疫情期間清掉了一些讀書債、
遊戲債、打掃債、學習債。

碰社群的時間少了，
思考的時間多了。

不知不覺不管是什麼形式的發文，
自己的筆觸都變得很無傷大雅、很清淡。

好像沒有什麼大起大落想透過社群表達，
因為一旦試圖描述起來，
只怕三天三夜都寫不完。（就像這篇）

大概會在社群平台的不得不樂觀正向，
和實際一點也不好的真實景況之間陷入糾結，
然後寫出些什麼不堪入目的內容來。
例如一些身在福中不知福的無聊發洩。

最近生活慢慢退回，
回到我們還沒有被一直看手機的強迫症全面攻佔的時代。
雖說「退回」，但其實是有意識的遏止自己黏著網路跟社群。

原以為是一種因為疫情而與世隔絕的能力退化現象，
但其實可解釋為被治癒或提升吧？

人類終於有機會檢視自己的精神到底需要被什麼餵養，被什麼侵佔。光是少碰手機就讓我整個人感到踏實了起來。

前段時間很想念一些朋友，
除了訊息之外也很想跟他們講講電話。

但一個人關在家裡久了，
慢慢就覺得自己對這個世界好像不怎麼重要。

擔心著自己對友人真實的關懷，
聽起來會不會是造成反效果的多管閒事？
然後慢慢的覺得自己對朋友來說好像也不重要了。

還想著我就是個臭阿宅，
沒有人會想要接到我打的電話吧？

這樣的心情，
一半說笑，一半認真啦！

為了讓自己好過點，
盡量讓自己被事情佔滿：

每天看一本書
（有時候一不小心看不完）

看了超多漫畫
（我要強調不管是實體書還是電子書都是正版）
（出清量也是前所未有）

從程式零基礎學會了HTML/CSS
（今天正往JS前進，請真正的工程師大大們，
拜託不要笑我這個剛開始的初學者，
請多多指導🙏）

一週看完至少十部片
（包含影集或動畫）

破台了兩款乙女遊戲
（正要開始破第三款）

在美股裡載浮載沉
（花了不少學費也學了不少）

前陣子復發的嗜甜習慣又戒掉了
（從每天一奶茶變回一週一杯無糖鮮奶茶）

作息要正常還是有點難，
很多時候是不明原因失眠，
不像以前每天都能累到像氣絕一樣倒頭就睡，
隔天起來還能神清氣爽。

也還是害怕著越演越烈的夏天，
想像著自己走出門的瞬間，
就會被烤乾。

被取消的線下實體工作，
目前都還沒有回來，

老實說烏雲罩頂的氣氛其實還多少在我腦海裡。

記錄自己做了哪些事、報平安，
試圖藉由這樣條列顯出實存感的同時，
也擔心著出於自我激勵的內容會不會淪落成他人壓力的引爆源，如同我看到其他做了好多事的人，就會直覺性地檢討自己怎麼這麼廢。

但其實這樣列一列，
也算是有在做些什麼了吧？
也許我就不要對自己太過苛責了吧？

目前我還算是穩穩的在前進著，
也都還算身心靈健康。

新冠肺炎疫情的這關我們都還在過。

雖然有人說痛苦是比較出來的，
確實看著別人更龐大的痛苦，
也許我們就知道自己相對幸福了一些。

但我還是不想要用這樣的想法，
去看待我們面臨的艱難。

我相信每個人要面對並承認自己遭遇的困頓，
包含自己覺得無法跨越的感受面，
也才能更理性的去看見事情嚴重性、
畫分出優先次序，然後找出更全面的解決之道。

很希望自己未來無論遇到什麼樣的挑戰，
都能把這樣的理性落實在人間。

希望偶爾有不小心掉落鬱悶黑洞的朋友，
也許我們看到了對方就彼此拉一下，
一起坐在黑洞邊邊聊聊天吧。

PS.突然想剪頭髮所以隨意找了間髮廊，
結果意外地剪得我很喜歡。
還有朋友「說像綾波零呢！」
🥲真是一輩子的好朋友啊！
原來如此啊，那一定要好好拍照留念一下囉。（髮型都是剛剪完走出髮廊的那瞬間最好看）

@the_gate_hair_salon

#新髮型 #hairstyle #加油 #撐下去 #人像寫真 #写真 #人像 #cheerup #sissi #長文

【老闆的網頁實驗室 #1 】 — 實作CSS拆字動畫

這次的網頁拆解實驗室不藏私的拆解跟大家分享 rogue.studio 網站中，標題一個字一個字遮罩滑入的生動文字動畫。要怎麼使用js拆開原本的標題，再用css優雅做出依序滑入、切割遮罩的效果呢？這次的拆解實驗室，一步一步來帶著大家做出這個文字特效。

你還會想要看什麼樣的特效主題拆解呢？ 你覺得有什麼其他實現的方式嗎？留言在這，老闆會帶著雞尾酒跟檸檬來重現各式各樣有趣的網站！

這篇如果超過20個分享的話，下一篇來出區塊的模糊效果，以及更靈活玩速度曲線的方法，變化應用在不同的使用情境。

追蹤老闆來點寇汀吧 Medium:
https://medium.com/%E8%80%81%E9%97%86%E4%BE%86%E9%BB%9E%E5%AF%87%E6%B1%80%E5%90%A7

從基礎知識開始，Vue.js是什麼，它是如何工作的，然後再轉向更複雜和進階的主題

這裡是你將在本課程學到：

1. 什麼是Vue JS和為什麼要使用它？

2. 設置開發環境和工作流程

3. 基礎（包括基本語法，了解樣板和更多！）

4. 操作 DOM （呈現列表，有條件地附加/分離元素…）

5. 使用元件（和什麼元件開始）

6. 表單輸入連結

7. 所有關於指令 (Directives)，過濾器 (Filters)和混合 (Mixins)

8. 如何使你的應用程式更漂亮而且有動畫過場效果

9. 如何創建一個有路由功能 ( routing ) 很棒的單頁面應用程式（SPA )

10. 如何通過使用 Veux 來改善狀態管理

11. 如何部署應用程式

https://softnshare.com/2016/11/10/vuejscompleteguide/

本次的教學主題是用 GSAP 製作直播互動動態效果，哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。

現在許多電商、遊戲甚至課程平台都有了直播的功能，如何透過網頁特效動態來為互動加分，讓使用者好有參與感，就來跟哲宇一起切磋切磋吧。

(1:50:13) 哲宇大型 debug 現場

#GSAP
--

追蹤老闆的 IG：https://www.instagram.com/bosscodingplease/

Hahow 線上課程：
動畫互動網頁程式入門 (HTML/CSS/JS) 👉 https://bit.ly/3i6OTEU
動畫互動網頁特效入門（JS/CANVAS）👉https://bit.ly/3i3sCYy
互動藝術程式創作入門 (Creative Coding) 👉 https://bit.ly/3yliGiV

Creative Coding 台灣站：https://bit.ly/3iQ8iZF