犄角旮旯
化學元素週期表（Periodic table of elements）是根據元素原子核電荷數從小至大排序的化學元素列表。列表大體呈長方形，某些元素週期中留有空格，使特性相近的元素歸在同一族中，如鹼金屬元素、鹼土金屬、鹵族元素、稀有氣體、非金屬元素、過渡元素等。這使週期表中形成元素分區且分有七主族、七副族、Ⅷ族、18族。由於週期表能夠準確地預測各種元素的特性及其之間的關係，因此它在化學及其他科學範疇中被廣泛使用，作為分析化學行為時十分有用的框架。
俄國化學家德米特里·伊萬諾維奇·門捷列夫（Dmitri Mendeleev）於1869年總結髮表此周週表（第一代元素週期表），此後不斷有人提出各種類型週期表不下170餘種，歸納起來主要有：短式表（以門捷列夫為代表）、長式表（以維爾納式為代表）、特長表（以波爾塔式為代表）、平面螺線表和圓形表（以達姆開夫式為代表）、立體週期表（以萊西的圓錐柱立體表為代表）等眾多類型表。
📝備註：中國教學上長期使用的是長式週期表，即維爾納式為代表。
Future Style Periodic Table是一個神奇的完全免費的開源項目。它不只是一張普通的元素週期表，而是一個結合了賽博朋克美學與3D視覺化技術的互動式學習工具，任何人都可以直接使用。
傳統的元素週期表只是告訴您「碳有6個電子」，但Future Style Periodic Table會直接展示給您看：第一層有2個電子，第二層有4個電子，而且還會繞著原子核「動態旋轉」。這種視覺化的學習方式，對於理解抽象概念特別有幫助。
對開發者來說，這個項目的另一個亮點是它完全使用原生JavaScript（ES6+）、HTML和CSS打造，沒有依賴任何外部框架。這不僅意味著網頁載入速度快，也是學習CSS 3D變換和原生JS開發的絕佳範例。
官方網站：https://seanwong17.github.io/Future-Style-Periodic-Table
Future Style Periodic Table在線演示頁面可以看到一個完整的元素週期表，每個元素都有獨特的顏色標示（例如金屬元素、非金屬元素、惰性氣體等）。
🧾點擊任意元素查看詳細資訊
隨便選一個您感興趣的元素，比如「碳（C）」或「鐵（Fe）」，用鼠標點擊它，會彈出一個元素詳情卡片，裡面包含：
● 原子序數：告訴您這個元素有多少個質子
● 相對原子質量：也就是原子量
● 電子排布式：例如碳是1s² 2s² 2p²
● 電子層分布：用數字顯示每層有幾個電子（例如：2, 4）
● 化合價：常見的化學價數
● 同位素資訊：該元素的不同同位素
● 可互動的3D原子模型
這些資訊對於化學學習或複習來說，都非常實用。
🌀3D模式觀見電子軌道
● 中心的原子核：用一個球體表示
● 圍繞的電子軌道：不同的電子層會用不同大小的環狀軌道表示
● 旋轉的電子：小點狀的電子會在軌道上動態移動
可以用鼠標拖曳旋轉整個原子模型，從不同角度觀察電子的分布。
✨額外功能：篩選與搜索
除了基本的點擊查看詳細資訊外，網頁還提供了幾個實用功能：
● 依元素類別篩選：可以只顯示金屬、非金屬或其他類別的元素
● 搜索功能：直接輸入元素名稱或符號快速定位
Future Style Periodic Table讓科學學習變得更有趣，證明教育工具不一定是死板無聊，通過精心的設計和技術實作，枯燥的化學知識也能變成吸引人的互動體驗。
