-
STEAM 教育學習網
Dec 31, 2021
OXXO.STUDIO
如果有在關注 OXXO.STUDIO 的朋友,可能會發現 2021 年我完全沒有寫任何文章 ( 汗顏 ),不過其實我在 2021 年裡,花了九個月的時間,整整寫了 420 篇文章,都寫在我新創立的「S...
-
深入理解 CSS 變數 ( CSS Variables )
Nov 30, 2020
OXXO.STUDIO
近年來,原生的 CSS 支援了變數的語法,這篇文章將會針對 CSS 的變數,進行詳細的介紹,包含基本的用法、組合運算、行內的用法以及透過 JavaScript 操控變數 ( 如果熟悉 CSS 的 LE...
-
深入理解 CSS 的 max、min、clamp、calc
Nov 16, 2020
OXXO.STUDIO
隨著 CSS 的進化,出現了許多和數學函數相關的功能,這篇文章會介紹 max()、min()、clamp() 和 calc() 這四個好用的功能符號 ( Functional Notations ),...
-
深入理解 CSS 漸層 ( CSS Gradient )
AUG 30, 2020
OXXO.STUDIO
這篇文章將會針對 CSS 的漸層做深入的介紹,除了常見的線性漸層、放射漸層,更會介紹最新的 conic-gradient 圓錐形漸層和 repeating 重複漸層,做出虛線的特殊效果,希望大家看完之...
-
深入理解 CSS Box Model ( 盒子模型 )
AUG 20, 2020
OXXO.STUDIO
CSS Box Model 盒子模型是 CSS 的基礎,也是操控網頁非常重要的觀念,這篇文章將會深入理解 CSS Box Model,除了基本的認識,更會介紹網頁排版容易遇到的「邊距重疊 ( Coll...
-
簡單理解 JavaScript Async 和 Await
AUG 21, 2019
OXXO.STUDIO
自從 Async 和 Await 出現後,大幅簡化 JavaScript 同步和非同步的複雜糾葛,這篇文章將會分享我自己理解的歷程,實作 await 等待、連續輸入文字、fetch 和迴圈應用,讓這些...
HOME
...
1
2
3
4
5
...
ALL