隨著回應式網頁的普及，各大瀏覽器都已經支援 CSS min(), max(), clamp()。使用這三個 function 除了可以簡化 CSS 程式碼，更因為可以內嵌運算式，加上 CSS 目前是朝原生參數化的方向在走，在實際使用上可以有更多的想像和寫法。
分類: CSS
Bootstrap 5 主要更新：不再相依 jQuery，新增 Utilities API，使用 CSS custom properties
本篇會走一遍 Bootstrap 5 的主要更新，懂前端工程的讀者，可以看看有沒有東西是值得拿來使用，或進一步再去研讀的。以下大致是從 Bootstrap 5 比較重要的部分，往比較 minor 的部分排序。
Bootstrap 4 Flex
Flex 是 CSS3 很重要的一種佈局方式，Bootstrap 4 也出了很多 help class, 建議對前端有興趣的朋友要使用。有很多排列組合，尤其是對齊方面，但不用糾結在其中，一切還是以設計和實務需求來做驅動。
Bootstrap 4 主要更新：Grid System、CSS
Bootstrap 4 beta 在日前發佈了，本篇文章記錄了 v4 的主要的更動。如果是同為開發者的朋友，可以想想為什麼 bootstrap v4 要採納這些更動，有什麼技術是值得我們進一步去研讀的。
如何利用 gulp 自動添加 JS 及 CSS 版號 (auto-versioning)，避免瀏覽器快取
當一個使用者瀏覽了你的網站，過沒幾天你更新了 JS 或 CSS，但因為該使用者的瀏覽器記住了上次瀏覽的 JS / CSS，以至於你更新的 JS / CSS 不會在他的瀏覽器上生效。同理，也不會對其他最近瀏覽你網站的使用者生效。
CSS transform
在研究 CSS transform 之前我們可以先理解一下 Graphics pipeline. Graphics pipeline 基本上就是 model -> view -> project -> viewport (與一般我們說的 MVC 等 modeling 概念無關)，這 pipeline 其實就是矩陣相乘。
CSS object-fit
CSS object-fit 是在 CSS Images Module Level 3, Level 4 都有定義。定義在 “module” 裡代表它是 CSS3 開始的，而且 CSS Images Module Level 3, Level 4 有各自的文件狀態。
CSS 的演進方式，Mask & Clip
與 CSS 2 不同，CSS 3 不是用一大張文件來定義所有的規格，而是將不同的功能用不同文件定義，每個文件稱之為 “module” (所以 CSS 3 是由很多 module 所組成)。還記得 W3C 的四個文件狀態 (WD，CR，PR，REC)， CSS 3 的每個 module 有自己的文件狀態。