Blog

CSS 料理室 – CSS 變數辛香料:不用 Sass、不用 JavaScript,也能實做 Dark Mode Theme 切換!

02/26/2022・技術分享

這次製作的料理,主要是使用原生的 CSS 變數 實做出深色模式和淺色模式的切換。除此之外,我們還會利用 HTML input 標籤當中的 checkbox 實做 『切換』這個動作,以下將介紹這些食材的特性。

2021-回顧

2021 回顧

01/02/2022・生活

時間過得很快,感覺前幾天才寫 2020 現在又立馬回顧 2021。
以下列出 2021 做的大專案:公司官網設計與開發、和 UX 顧問學習訪談、參加 F2E PK。上看起來好像不多,有些專案有寫出文章,其他有些主要專案因為還在進行所以暫時沒有文章。但之後會再寫一些文章分享專案的!

F2E-公車動態網站設計-封面

【 F2E – PK 心得 】公車動態網站設計 – 訪談到 UI 設計

12/05/2021・設計

這篇文章主要是分享之前公司收到六角學院的邀約,參與 F2E PK 賽 的參賽心得紀錄。PK 所製作的內容是『全台公車動態時刻查詢應用服務』活動的目標不是一個月內完成一個產品,而是透過活動練習不熟的技術和設計。而此篇文章將從 UI 設計角度,分享製作過程與收穫。對我來說正想要練習的是:使用者研究與訪談。

讓人心動的 6 個 React Design Systems - cover

讓人心動的 6 個 React Design Systems

08/29/2021・技術分享

在前端切版時應該會很常遇到 UI Component 的困難,像是 Component 命名、撰寫方式、可擴充、可共用性等問題。 我雖然不是準 React 工程師,單純因為工作關係接觸了 Next.j…

五倍紅寶石-網站設計

網站設計過程分享 – 歷經波折的官網改版

08/14/2021・設計

前陣子筆者經歷了公司的品牌設計更新和公司網站設計的兩大專案,而這兩項專案也從一團雜亂的待辦清單到現在步入軌道,進行優化的階段。
以下,將主要分享網站設計的過程,一方面是紀錄,另一方面是想透過分享,回顧一下在執行設計的過程中有哪些部分是可以調整的。

網頁設計師的 6 個實用小工具分享

06/15/2021・技術分享

筆者身為網頁設計師一半設計師、一半工程師,蠻多時候會花時間在設計稿與 CSS 樣式調整,以下我將分享工作中常用的小工具網站,減少設計稿和網頁切版的落差。

如何執行新的生活計畫?

05/23/2021・生活

今年來到了五月,我才終於有時間好好靜下來想想接下來的生活。其實上個月我已經列下今年的生活和工作目標。和去年有些微不同:

關於工作焦慮

近期的工作焦慮

04/11/2021・生活

這篇文章應該會是一個流水帳、紀錄、分享。前些時候和朋友深入的分享一些工作、產業和近況,我們沒有限制的談論、分享觀點、感受。那是一個難能可貴夜晚。當中我不自覺得分享我在工作和身處的產業的焦慮。

設計工作術 | 學習新事物,也許你可以嘗試這麼想

03/27/2021・設計

前些時間被朋友敲碗怎麼專案管理,以下分享近期完成的幾個中型專案的時程和專案規劃心得。 此文章將拆分上下篇: 上篇文章:分享如何學習新事物 下篇文章:分享我所使用的專案工具及執行方式 剛執行專案時,有嘗…

網頁設計的外包發案與接案比較

03/14/2021・設計

前陣子執行一項專案,因為工作量過大,有些內容發包給外部人員執行,在這個過程當中第一次用另一種角度了解專案目標。 以下是近期發案的簡略流程: 尋找理想的合作者:因為發案的內容不多,所以剛開始優先找身邊從…