第 9 頁

层级符号

具体来说可以怎么建立与管理产品的设计令牌或变量

近期执行的专案在进行翻新包含了整体的视觉设计,因此前端也面临要如何同步管理产品视觉的问题。先说痛点,先前专案并没有具体的规范应该如何定义 UI 当中的数值,导致魔法数字(没有规范与描述的值)流窜于整个产品当中,造成了非常大的的困扰。我会解释得尽量具体明白如果要重新设计一款数字产品会怎么管理其中的数值。

層級符號

具體來說可以怎麼建立與管理產品的設計令牌或變數

近期執行的專案在進行翻新包含了整體的視覺設計,因此前端也面臨要如何同步管理產品視覺的問題。先說痛點,先前專案並沒有具體的規範應該如何定義 UI 當中的數值,導致魔法數字(沒有規範與描述的值)流竄於整個產品當中,造成了非常大的的困擾。我會解釋得盡量具體明白如果要重新設計一款數位產品會怎麼管理其中的數值。

格线符号

如何通过 CSS Grid 让元素跳脱容器

为了确保页面内容保持在合理的范围内,很多时候会需要在外层使用固定的尺寸作为网页内容的容器。而近期在翻新的页面有一些独特的布局样式,透过 CSS Grid 来更灵活的让容器内容也能跳脱安排在各处,主要参考 Kevin Powell 的做法。

格線符號

如何透過 CSS Grid 讓元素跳脫容器

為了確保頁面內容保持在合理的範圍內,很多時候會需要在外層使用固定的尺寸作為網頁內容的容器。而近期在翻新的頁面有一些獨特的布局樣式,透過 CSS Grid 來更靈活的讓容器內容也能跳脫安排在各處,主要參考 Kevin Powell 的做法。

选色器符号

用正确的方式制作深色模式(或任何网站风格)

先前提到「添加深色模式要考虑的代价」无可避免的会增加比预想中还要多的成本,但如果能在一开始用正确的方式制作网页风格,那么可以有效的避免掉许多问题。如果你希望制作不同风格的数字产品都可以参考本篇文章,用更省力的方式定义风格。

選色器符號

用正確的方式製作深色模式(或任何網站風格)

先前提到「添加深色模式要考慮的代價」無可避免的會增加比預想中還要多的成本,但如果能在一開始用正確的方式製作網頁風格,那麼可以有效的避免掉許多問題。如果你希望製作不同風格的數位產品都可以參考本篇文章,用更省力的方式定義風格。

奔跑的人符号

拥抱低效率的一天

经营这个部落格时我逐渐养成了「不管再忙也要推新进度上来」的习惯,不管是写文章、小短文、找题材、修复BUG 推新功能……总之每天都要尽量以让部落格更好这个方向努力进而强制自己去精炼思考。这种生产力非线性与专注在目标大方向的概念帮助我建立了不少习惯。

奔跑的人符號

擁抱低效率的一天

經營這個部落格時我逐漸養成了「不管再忙也要推新進度上來」的習慣,不管是寫文章、小短文、找題材、修復 BUG 推新功能……總之每天都要盡量以讓部落格更好這個方向努力進而強制自己去精煉思考。這種生產力非線性與專注在目標大方向的概念幫助我建立了不少習慣。

文件符号

如何达成更为流畅的代码审核?

开发到现在为止都没有特别去了解如何好好的进行代码审核,大家默认会写代码就代表你也有能力去审核别人的代码,但我想这是一门额外的学习问题,从而促使我写下这篇文章去了解如何进行代码审核。审核代码是最直接可以养护并改善问题的阶段,主持得当的代码审核能够补足团队成员间的知识盲区进一步提升整体代码水平。

文件符號

如何達成更為流暢的代碼審核?

開發至今從來都沒有特別去了解如何好好的執行代碼審核,大家都默認會寫代碼就代表你也有能力去審核別人代碼,但我想這是一門額外的學問,因而促使我寫下這篇文章去了解如何進行代碼審核。審核代碼是最直接可以發掘並改善問題的環節,主持得當的代碼審核能夠補足團隊成員間的知識盲區進而提升整體代碼水平。