筆記 | CSS scroll-snap 提升滾動順暢、定位與優化使用者體驗

在設計網頁時,有時會遇上多個項目或圖片在同個區塊需做左右滑動之類的效果,而scroll-snap這個屬性就是讓左右滑動時可以定位在單個項目(圖片)上,不需要使用者手動滑動置中,也不會因為滑動速度太快以致略過。

Continue Reading筆記 | CSS scroll-snap 提升滾動順暢、定位與優化使用者體驗

筆記 | 簡單理解CSS font-size的相對單位 em、rem、%

在撰寫css時,文字通常都佔據頁面很大的比例,字體、字體大小、行距…等,怎麼排版與設定大小距離都是一門學問,而在css中font-size的設定不是只有絕對單位的px可以設置,更多的是相對單位可供使用,在做RWD時也能更簡單的對字體做統一的等比縮放

Continue Reading筆記 | 簡單理解CSS font-size的相對單位 em、rem、%

韓系電商外送來台! Coupang 酷澎 首購7折! 生鮮雜貨外送新選擇 實測10分鐘內送到府

有個新外送叫做 coupang 酷澎,首購有5折的優惠! 最高可以折到$300呢! 哇塞! 這麼佛心! 現在還有免運活動呢,一般運費也只要$19!目前的外送的範圍僅開放中山區、大同區、松山區、信義區、大安區...

Continue Reading韓系電商外送來台! Coupang 酷澎 首購7折! 生鮮雜貨外送新選擇 實測10分鐘內送到府

【花蓮 仁愛小公館】鬧區中的清幽文旅 小資推薦 近花蓮前站、東大門夜市

【仁愛小公館】位於花蓮市的熱鬧區域,三個街口外就是花蓮文化創意產業園區,附近有知名的廟口紅茶和液香扁食,不用擔心沒有東西吃,距離東大門夜市和太平洋海濱公園都很近,是去花蓮下榻的好選擇唷~

Continue Reading【花蓮 仁愛小公館】鬧區中的清幽文旅 小資推薦 近花蓮前站、東大門夜市

原生CSS變數! 不會SASS沒關係,先從簡單版學起!

關於學習CSS變數的重要性:當網頁專案的內容多起來的時候,如果還是只會一個區塊一個區塊作樣式,在後續維護和修改時,會造成巨大的麻煩,要嘛沒改到、要嘛一直辨識這個選擇器是在改哪個部位,但如果學會CSS變數的用法,會一下子減輕很多工作量!

Continue Reading原生CSS變數! 不會SASS沒關係,先從簡單版學起!

【雙連美食】上班族吃什麼? 平價便當、麵店、小吃大集合 | 2021持續更新

身為中山雙連地區上班族的一員,每天的伙食也是煩惱來源之一,即使雙連站周遭的餐飲店不少,但依據價格或食物內容來說,常吃的也只是那幾樣,既然要發文介紹,那麼秉持探索家的精神,就來收集吧!!

Continue Reading【雙連美食】上班族吃什麼? 平價便當、麵店、小吃大集合 | 2021持續更新