一週前其他學員們遇到了一個有關 vertical-align 的相關情境題，一開始是兩個人在討論，後來一個問一個，最後變成一大堆人圍觀並且辯論，然而都無法給出一個很好讓大家理解的說法，好奇心的驅使之下，使路過的我也加入了討論，那問題是什麼呢？ 下圖為這次的狀況題，紅線為借用綠方塊的偽元素製作出來象 ...

今天來講一點視覺呈現上的小東西，我們偶爾會在一些過長的段落結尾看到像以下這樣子的呈現 也就是過長的段落文字被砍掉了，變成了一種未完待續的 “…”，這是怎麼做到的呢？ 讓我們把目光轉到 CSS 樣式裡一個叫 text-overflow 的屬性，查閱 MDN 可以看到 text-overflow ...

睜開眼，肌肉還可以感受到些許因昨晚路跑所帶來的痠痛感 雖說是因為昨天莫名的凌晨三點就醒了，而且再也睡不著，所以才難得的一早就進了工作室，卻也意外地幫助我提早完成了昨天該有的進度，讓我在晚上提早離開，進行了自從去年十月寶礦力路跑之後，第一次的10K路跑訓練。 原本的計畫是只打算讓自己先完成10K就好 ...

自己在參與一些簡單的活動與有趣的專案時，提前接觸到了 JS 相關的應用，查閱資料的時候發現，要用 JS 選取到我想要的 HTML DOM 元素時，有眼花撩亂的四種方式！我的天…搞什麼啊…因此決定簡單的記錄一下這件事。 document.querySelector 回傳 document 第一個符 ...

2019十件值得紀念的事＆2020的十個新目標 1/20…距離農曆除夕剩下沒幾天了，工作室的大家逐一計畫著返鄉圍爐的時間，一場與老余的意外談話，我被說服了記下自己過去一年最值得紀錄的十件事情，並再次訂下新的一年想做到的十件事情，來看看吧～ 2019十件值得紀念的事 爬了鳶嘴山 毅然決然進入好 ...

來紀錄一點點在使用font 上遇到的一點小狀況吧！ 先來簡單的複習一下 px ex em rem 分別是啥 px：是一個相對單位，相對於「顯示設備 pixel 的高度/寬度」。 ex：定義「x-height 的高度」也就是說它是一種高度單位，是字的最小方形基準尺寸。是當下font-size的小寫 ...

『虛擬世界雖然能帶給人無比的喜悅，但真實世界是唯一可以好好吃一餐的地方』 — 一級玩家 開始決定撰寫這系列文章之時，其實我腦袋是一片空白的，似乎想要紀錄一點什麼事情，卻又不知從何說起，遊戲在我過往24年的人生裡佔用了大半的時間，重要性也不在話下，我該怎麼來幫這系列文章做個開場呢？ 越是往前追朔 ...

Ideas 礙於鳶嘴山登山下山時間晚了，我們抵達Monospace的時候已經八點多了，感謝主辦方貼心提供海鮮粥晚餐，不然登山而晚到的我們大概都要餓扁在會場裡了，然而畢竟也是第一次參與 黑客松 類型的活動，突然要發想題目還真的是想不到想做什麼類型的題目，在與周圍其他非好想的活動參與者聊過並知道他們 ...

To see the world, things dangerous to come to, to see behind walls, draw closer, to find each other and to feel. That is the purpose of life. 開拓視野，突破 ...

序章 2019/11/7 （四）12:00pm，我照常吃著我的午餐，想著 WEB 電子書壓力鍋 接下來該做的事，明天的驗收該如何呈現，然而此刻的我不知道的是，下午的《想知道嗎》將會帶給我何種人生上的轉折。 『想在有限的生命中盡可能活得精彩』- Don 啊！又是一個我認得但是叫不出名字的人上台了 ...