From a7fdf9cc802a946ed554cc8006127d6aabec18e3 Mon Sep 17 00:00:00 2001 From: Andrea Fan Date: Tue, 21 May 2024 09:48:29 +0800 Subject: [PATCH 01/10] Completed: general-page translation --- state_of_html_2023.yml | 142 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 141 insertions(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index dc499a4..c1f9d4c 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -5,4 +5,144 @@ translations: ########################################################################### - key: general.results.description - t: 每年舉辦的 HTML 生態系最新趨勢調查：2022 年版。 \ No newline at end of file + t: 2023年度 HTML 生態系統最新趨勢的年度調查。 + + - key: introduction.html2023 + t: > + 當 JavaScript 掌控網頁，CSS 每年都在增加新功能時，HTML 似乎一直保持沉默，樂於將舞台讓給它的年輕兄弟。畢竟，了解了 `
` 和 `` 1 到 6，還有什麼需要知道的呢？ + + 事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新數據需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的數據之外，我們還改進了我們的 **圖表自定義** 功能，讓您更好地定制每個數據可視化。如果您在這個過程中發現了任何有趣的見解，請務必告訴我們！ + + 你可以在[這篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)中，或觀看[YouTube 影片](https://www.youtube.com/watch?v=G-rFwp2zUT4) + + 以上都已經介紹完畢，現在歡迎來看看第一次 HTML 狀態調查的結果。想必之後，您再也不會以同樣的眼光看待 HTML 了！ + + ########################################################################### + # Tshirt + ########################################################################### + + - key: sections.tshirt.title + t: T-shirt + + - key: sections.tshirt.description + t: | + ## 透過 State of HTML T 恤支持調查 + + 想念90年代中期的好日子嗎？當時 HTML 是王者，VHS 磁帶封面上的圖案充滿未來感和色彩？ + + 壞消息是，即使有 2024 年的技術，你也不能回到過去重溫那些輝煌的日子。但可以穿上這件由才華橫溢的 Christopher Kirk-Nielsen 設計的原創復古 T-shirt。 + + - key: tshirt.about + t: 關於 T-shirt + + - key: tshirt.description + t: | + 我們使用高品質、超柔軟的三合一 T-shirt，採用修身剪裁，由合作夥伴 Cotton Bureau 印刷。 + + - key: tshirt.getit + t: 現在就購買！ + + - key: tshirt.price + t: USD $32 + 運費 + + - key: tshirt.designer.heading + t: 關於設計師 + + - key: tshirt.designer.name + t: Christopher Kirk-Nielsen + + - key: tshirt.designer.bio + t: | + 從法國出發，現定居美國，Chris 不僅是一位出色的前端開發人員，還是一位擅長製作復古視覺效果的插畫家。事實上，我們鼓勵您也查看他的[其他 T-shirt 設計](https://chriskirknielsen.com/designs)！ + + ########################################################################### + # Sections Introductions + ########################################################################### + + - key: sections.user_info.description.html2023 + t: | + 歡迎來到 State of HTML 調查結果。這是第一次舉辦的調查，來自世界各地的 **20,904** 位參與者。 + + - key: sections.features.description.html2023 + t: | + HTML 功能和其他瀏覽器 API + + ########################################################################### + # Other Content + ########################################################################### + + - key: features.all_features.description + t: | + 這個圖表總結了調查中的所有功能問題。主要條形圖代表了受訪者的經驗；然後根據受訪者的情感進一步細分。您可以在兩者之間切換分組。 + + 你也可以在每個功能子部分找到相同數據的更具體的分析。 + + ########################################################################### + # Sponsors + ########################################################################### + + - key: sponsors.frontendmasters.description + t: 透過深入、現代的前端工程課程提升您的技能。 + - key: sponsors.google_chrome.description + t: 感謝 Google Chrome 團隊支持我們的工作。 + - key: sponsors.tokyodev.description + t: 在日本找到您的夢想開發人員工作。 + - key: sponsors.renderatl.description + t: 專注於前端工程的技術會議。 + + ########################################################################### + # Conclusion + ########################################################################### + + - key: conclusion.html2023.bio + t: W3C 技術架構小組成員 & MIT CSAIL 研究員 + - key: conclusion.html2023 + t: > + *哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了 “State of…” 調查系列中首次回應最多的紀錄，也創新了數據收集的 UI ，讓我們對開發者的態度有了前所未有的洞察，並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的，但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**：不僅互動元素（如 `` 或 Popover API）在所有類別中積累了最多的正面情感，而且所有 [缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) 中的前幾名都是互動式小部件。 + + + 然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：不足的自定義性，特別是 **樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重建的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features) 一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。 + + + 另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML，那就無法擴展；此外，通用元素不可能滿足巨大的需求多樣性。不幸的是，**Web 元件 API**（尤其是 Shadow DOM），雖然被廣泛使用，但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳，因為它們在整個調查中排名最差。然而，這一領域的持續活動（其中一些我參與了）讓我對此充滿希望，儘管這是一條崎嶇的道路，但它們正在朝著實現其全部潛力的方向前進。 + + + 這就帶我到最後一點：重要的是要記住，這份調查只是開發者觀點的一個快照，反映了當時 Web 平台的狀態。然而，這些調查的主要目標之一是透過了解開發者需求來改善現狀。今天有多少痛點將因此而得到解決？今年約莫下半年加入我們進行調查的第二次迭代，讓我們一起找出答案！ + + ########################################################################### + # About + ########################################################################### + + - key: about.content + t: | + 2023 State of HTML 年度調查於 2023 年 9 月 19 日至 10 月 19 日進行，共收集了 20,904 份回應。 + + 這份調查的設計工作由 [Lea Verou](https://lea.verou.me/) 領導，感謝 Google 的資助。Lea 還監督了新 UI 數據收集元素的原型設計、測試和實施；貢獻了數據處理；並協助數據可視化。 + + 問卷調查的設計和開發由 [Sacha Greif](https://sachagreif.com/) 和 [Eric Burel](https://www.lbke.fr/) 負責，以及開源貢獻者和顧問團隊的幫助。 + + 今年的徽標和 T-shirt 由 [Christopher Kirk-Nielsen](http://chriskirknielsen.com/) 擔綱主要設計。 + + ### 調查目的 + + 這個調查的目的是為了幫助開發者做出技術選擇，以確定 Web 開發生態系統中即將到來的趨勢。 + + 因此，這份調查的重點是預測未來幾年即將到來的趨勢，而不是分析當前最流行的功能或技術，這就是為什麼當前最普遍的功能或技術並不一定包含在內。 + + 這應該被視為特定開發者子集的一個快照，並不代表整個生態系統。 + + 這份調查是公開在線上進行的，受訪者並沒有被過濾或選擇。 + + ### 資金來源 + + 資金來自各種來源： + + - **T-shirt 販售**. + + - **贊助連結**：每頁底部推薦資源的連結由我們的合作夥伴 [Frontend Masters](https://frontendmasters.com/) 提供。 + + - **其他資金**：[Google](https://www.google.com/) 和 [TokyoDev](https://www.tokyodev.com/) 也贊助了調查工作。 + + ### 調查方法 + + 可以在[這裡](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a)找到更深入的技術概述，說明了如何進行調查。 From 2d5e908de5bc47b098696b77c67d9d6538f269c0 Mon Sep 17 00:00:00 2001 From: Andrea Fan Date: Thu, 23 May 2024 09:39:30 +0800 Subject: [PATCH 02/10] Update: Amend wording and check spaces --- state_of_html_2023.yml | 34 ++++++++++++++++------------------ 1 file changed, 16 insertions(+), 18 deletions(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index c1f9d4c..3455e87 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -5,17 +5,17 @@ translations: ########################################################################### - key: general.results.description - t: 2023年度 HTML 生態系統最新趨勢的年度調查。 + t: 2023年度 HTML 生態最新趨勢的現況調查。 - key: introduction.html2023 t: > 當 JavaScript 掌控網頁，CSS 每年都在增加新功能時，HTML 似乎一直保持沉默，樂於將舞台讓給它的年輕兄弟。畢竟，了解了 `
` 和 `` 1 到 6，還有什麼需要知道的呢？ - 事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新數據需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的數據之外，我們還改進了我們的 **圖表自定義** 功能，讓您更好地定制每個數據可視化。如果您在這個過程中發現了任何有趣的見解，請務必告訴我們！ + 事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新數據需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的數據之外，我們還改進了 **圖表自定義** 功能，更好地數據可視化。如果在這個過程中發現了任何有趣的見解，請務必告訴我們！ - 你可以在[這篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)中，或觀看[YouTube 影片](https://www.youtube.com/watch?v=G-rFwp2zUT4) + 你可以在[這篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)中，或觀看[ YouTube 影片](https://www.youtube.com/watch?v=G-rFwp2zUT4) - 以上都已經介紹完畢，現在歡迎來看看第一次 HTML 狀態調查的結果。想必之後，您再也不會以同樣的眼光看待 HTML 了！ + 以上都已經介紹完畢，現在歡迎來看看第一次 HTML 狀態調查的結果。想必之後，你再也不會以同樣的眼光看待 HTML 了！ ########################################################################### # Tshirt @@ -26,11 +26,11 @@ translations: - key: sections.tshirt.description t: | - ## 透過 State of HTML T 恤支持調查 + ## 透過 HTML 現況調查 T 恤支持我們 - 想念90年代中期的好日子嗎？當時 HTML 是王者，VHS 磁帶封面上的圖案充滿未來感和色彩？ + 想念 90 年代中期的好日子嗎？當時 HTML 是王者，VHS 磁帶封面圖案充滿未來感和色彩？ - 壞消息是，即使有 2024 年的技術，你也不能回到過去重溫那些輝煌的日子。但可以穿上這件由才華橫溢的 Christopher Kirk-Nielsen 設計的原創復古 T-shirt。 + 壞消息是，即使有 2024 年的技術，也不能回到過去重溫那些輝煌的日子了。但可以穿上這件由才華橫溢的 Christopher Kirk-Nielsen 設計的原創復古 T-shirt。 - key: tshirt.about t: 關於 T-shirt @@ -61,7 +61,7 @@ translations: - key: sections.user_info.description.html2023 t: | - 歡迎來到 State of HTML 調查結果。這是第一次舉辦的調查，來自世界各地的 **20,904** 位參與者。 + 歡迎來到 HTML 現況調查。這是第一次舉辦的調查，總共有來自世界各地的 **20,904** 位參與者。 - key: sections.features.description.html2023 t: | @@ -73,9 +73,7 @@ translations: - key: features.all_features.description t: | - 這個圖表總結了調查中的所有功能問題。主要條形圖代表了受訪者的經驗；然後根據受訪者的情感進一步細分。您可以在兩者之間切換分組。 - - 你也可以在每個功能子部分找到相同數據的更具體的分析。 + 這個圖表總結了調查中的所有功能問題。主要條形圖代表了受訪者的經驗；以及根據受訪者的情感進一步細分。可以在兩者之間切換分組。也可以在每個功能子部分找到相同數據的更具體的分析。 ########################################################################### # Sponsors @@ -98,16 +96,16 @@ translations: t: W3C 技術架構小組成員 & MIT CSAIL 研究員 - key: conclusion.html2023 t: > - *哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了 “State of…” 調查系列中首次回應最多的紀錄，也創新了數據收集的 UI ，讓我們對開發者的態度有了前所未有的洞察，並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的，但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**：不僅互動元素（如 `` 或 Popover API）在所有類別中積累了最多的正面情感，而且所有 [缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) 中的前幾名都是互動式小部件。 + *哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了 「現況調查」 系列中首次回應最多的紀錄，也創新了數據收集的 UI ，讓我們對開發者的態度有了前所未有的洞察，並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的，但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**：不僅互動元素（如 `` 或 Popover API ）在所有類別中積累了最多的正向情感，而且所有[缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) 中的前幾名都是互動式小部件。 - 然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：不足的自定義性，特別是 **樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重建的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features) 一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。 + 然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：不足的自定義性，特別是 **樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重建的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features)，一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。 - 另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML，那就無法擴展；此外，通用元素不可能滿足巨大的需求多樣性。不幸的是，**Web 元件 API**（尤其是 Shadow DOM），雖然被廣泛使用，但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳，因為它們在整個調查中排名最差。然而，這一領域的持續活動（其中一些我參與了）讓我對此充滿希望，儘管這是一條崎嶇的道路，但它們正在朝著實現其全部潛力的方向前進。 + 另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML，那就無法擴展；此外，通用元素不可能滿足巨大的需求多樣性。不幸的是，** Web 元件 API **（尤其是 Shadow DOM ），雖然被廣泛使用，但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳，因為它們在整個調查中排名最差。然而，這一領域的持續活動（其中一些我參與了）讓我對此充滿希望，儘管這是一條崎嶇的道路，但它們正在朝著實現其全部潛力的方向前進。 - 這就帶我到最後一點：重要的是要記住，這份調查只是開發者觀點的一個快照，反映了當時 Web 平台的狀態。然而，這些調查的主要目標之一是透過了解開發者需求來改善現狀。今天有多少痛點將因此而得到解決？今年約莫下半年加入我們進行調查的第二次迭代，讓我們一起找出答案！ + 這就帶我到最後一點：重要的是要記住，這份調查只是開發者觀點的一個快照，反映了當時 Web 平台的狀態。然而，調查的主要目標之一是透過了解開發者需求來改善現狀。今天有多少痛點將因此而得到解決？今年約莫下半年加入我們進行調查的第二次迭代，讓我們一起找出答案！ ########################################################################### # About @@ -115,13 +113,13 @@ translations: - key: about.content t: | - 2023 State of HTML 年度調查於 2023 年 9 月 19 日至 10 月 19 日進行，共收集了 20,904 份回應。 + 2023 HTML 現況調查 於 2023 年 9 月 19 日至 10 月 19 日進行，共收集了 20,904 份回覆。 - 這份調查的設計工作由 [Lea Verou](https://lea.verou.me/) 領導，感謝 Google 的資助。Lea 還監督了新 UI 數據收集元素的原型設計、測試和實施；貢獻了數據處理；並協助數據可視化。 + 這份調查的設計工作由 [Lea Verou](https://lea.verou.me/) 領導，感謝 Google 的資助。 Lea 還監督了新 UI 數據收集元素的原型設計、測試和實施；貢獻了數據處理；並協助數據可視化。 問卷調查的設計和開發由 [Sacha Greif](https://sachagreif.com/) 和 [Eric Burel](https://www.lbke.fr/) 負責，以及開源貢獻者和顧問團隊的幫助。 - 今年的徽標和 T-shirt 由 [Christopher Kirk-Nielsen](http://chriskirknielsen.com/) 擔綱主要設計。 + 今年的 Logo 和 T-shirt 由 [Christopher Kirk-Nielsen](http://chriskirknielsen.com/) 擔綱主要設計。 ### 調查目的 From 359c84535e36e9d77b2377fc8116296f6bcc91f1 Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 10:24:16 +0800 Subject: [PATCH 03/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index 3455e87..bf548f7 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -9,7 +9,7 @@ translations: - key: introduction.html2023 t: > - 當 JavaScript 掌控網頁，CSS 每年都在增加新功能時，HTML 似乎一直保持沉默，樂於將舞台讓給它的年輕兄弟。畢竟，了解了 `
` 和 `` 1 到 6，還有什麼需要知道的呢？ + 當 JavaScript 掌控網頁，CSS 每年都在增加新功能時，HTML 似乎一直保持沉默，樂於將舞台讓給它的年輕兄弟。畢竟，了解了 `
` 和 `

` 到 `

`，還有什麼需要知道的呢？ 事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新數據需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的數據之外，我們還改進了 **圖表自定義** 功能，更好地數據可視化。如果在這個過程中發現了任何有趣的見解，請務必告訴我們！ From 4618967f0cb4cae40c6c77ef8b26b785b47df3ff Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 10:24:30 +0800 Subject: [PATCH 04/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index bf548f7..7e3751c 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -11,7 +11,7 @@ translations: t: > 當 JavaScript 掌控網頁，CSS 每年都在增加新功能時，HTML 似乎一直保持沉默，樂於將舞台讓給它的年輕兄弟。畢竟，了解了 `
` 和 `

` 到 `

`，還有什麼需要知道的呢？ - 事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新數據需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的數據之外，我們還改進了 **圖表自定義** 功能，更好地數據可視化。如果在這個過程中發現了任何有趣的見解，請務必告訴我們！ + 事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新資料需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的資料之外，我們還改進了**自訂圖表**功能，讓使用者能更細緻地調整資料視覺化。如果在這個過程中發現了任何有趣的見解，請務必告訴我們！ 你可以在[這篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)中，或觀看[ YouTube 影片](https://www.youtube.com/watch?v=G-rFwp2zUT4) From cbbacf691ca22cbe8a10b9bdf1f368cad9e8a4d3 Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 10:24:41 +0800 Subject: [PATCH 05/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index 7e3751c..693b8d9 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -13,7 +13,7 @@ translations: 事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新資料需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的資料之外，我們還改進了**自訂圖表**功能，讓使用者能更細緻地調整資料視覺化。如果在這個過程中發現了任何有趣的見解，請務必告訴我們！ - 你可以在[這篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)中，或觀看[ YouTube 影片](https://www.youtube.com/watch?v=G-rFwp2zUT4) + 你可以閱讀[這篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)或觀看 [YouTube 影片](https://www.youtube.com/watch?v=G-rFwp2zUT4)了解更多細節。 以上都已經介紹完畢，現在歡迎來看看第一次 HTML 狀態調查的結果。想必之後，你再也不會以同樣的眼光看待 HTML 了！ From 4c2f375127e414873c41245505f34226312155a1 Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 10:25:03 +0800 Subject: [PATCH 06/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index 693b8d9..2fe67d9 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -73,7 +73,7 @@ translations: - key: features.all_features.description t: | - 這個圖表總結了調查中的所有功能問題。主要條形圖代表了受訪者的經驗；以及根據受訪者的情感進一步細分。可以在兩者之間切換分組。也可以在每個功能子部分找到相同數據的更具體的分析。 + 這個圖表總結了調查中的所有功能問題。主要條形圖代表了受訪者的經驗；以及根據受訪者的情感進一步細分。可以在兩者之間切換分組。也可以在每個功能子部分找到相同資料更具體的分析。 ########################################################################### # Sponsors From 6b2f806e04d1f05a6ff6d4c6cda0b40456f63f35 Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 10:25:10 +0800 Subject: [PATCH 07/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index 2fe67d9..dac37e2 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -96,7 +96,7 @@ translations: t: W3C 技術架構小組成員 & MIT CSAIL 研究員 - key: conclusion.html2023 t: > - *哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了 「現況調查」 系列中首次回應最多的紀錄，也創新了數據收集的 UI ，讓我們對開發者的態度有了前所未有的洞察，並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的，但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**：不僅互動元素（如 `` 或 Popover API ）在所有類別中積累了最多的正向情感，而且所有[缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) 中的前幾名都是互動式小部件。 + *哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了「現況調查」系列中首次回應最多的紀錄，也創新了資料收集的 UI，讓我們對開發者的態度有了前所未有的洞察，並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的，但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**：不僅互動元素（如 `` 或 Popover API ）在所有類別中積累了最多的正向情感，而且所有[缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements)中的前幾名都是互動式小部件。 然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：不足的自定義性，特別是 **樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重建的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features)，一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。 From 412bbbf9c968b2fda2e119acf8a9ebcd535bd587 Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 17:47:02 +0800 Subject: [PATCH 08/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index dac37e2..ac86c1c 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -99,7 +99,7 @@ translations: *哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了「現況調查」系列中首次回應最多的紀錄，也創新了資料收集的 UI，讓我們對開發者的態度有了前所未有的洞察，並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的，但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**：不僅互動元素（如 `` 或 Popover API ）在所有類別中積累了最多的正向情感，而且所有[缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements)中的前幾名都是互動式小部件。 - 然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：不足的自定義性，特別是 **樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重建的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features)，一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。 + 然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：自訂程度不足，特別是**樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重工的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features)，一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。 另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML，那就無法擴展；此外，通用元素不可能滿足巨大的需求多樣性。不幸的是，** Web 元件 API **（尤其是 Shadow DOM ），雖然被廣泛使用，但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳，因為它們在整個調查中排名最差。然而，這一領域的持續活動（其中一些我參與了）讓我對此充滿希望，儘管這是一條崎嶇的道路，但它們正在朝著實現其全部潛力的方向前進。 From 00994b0b5e40c86704221a82ea98865cbee65bbb Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 17:47:08 +0800 Subject: [PATCH 09/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index ac86c1c..ec14fc7 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -102,7 +102,7 @@ translations: 然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：自訂程度不足，特別是**樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重工的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features)，一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。 - 另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML，那就無法擴展；此外，通用元素不可能滿足巨大的需求多樣性。不幸的是，** Web 元件 API **（尤其是 Shadow DOM ），雖然被廣泛使用，但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳，因為它們在整個調查中排名最差。然而，這一領域的持續活動（其中一些我參與了）讓我對此充滿希望，儘管這是一條崎嶇的道路，但它們正在朝著實現其全部潛力的方向前進。 + 另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML，那就無法擴展；此外，通用元素不可能滿足巨大的需求多樣性。不幸的是，**Web 元件 API**（尤其是 Shadow DOM），雖然被廣泛使用，但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳，因為它們在整個調查中排名最差。然而，這一領域的持續活動（其中一些我參與了）讓我對此充滿希望，儘管這是一條崎嶇的道路，但它們正在朝著實現其全部潛力的方向前進。 這就帶我到最後一點：重要的是要記住，這份調查只是開發者觀點的一個快照，反映了當時 Web 平台的狀態。然而，調查的主要目標之一是透過了解開發者需求來改善現狀。今天有多少痛點將因此而得到解決？今年約莫下半年加入我們進行調查的第二次迭代，讓我們一起找出答案！ From 51949fd9ab318a06f5395dc7ad464c8197bee661 Mon Sep 17 00:00:00 2001 From: Andrea F Date: Thu, 23 May 2024 17:47:13 +0800 Subject: [PATCH 10/10] Update state_of_html_2023.yml Co-authored-by: Ming-jun Lu <40516784+mingjunlu@users.noreply.github.com> --- state_of_html_2023.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml index ec14fc7..e622d21 100644 --- a/state_of_html_2023.yml +++ b/state_of_html_2023.yml @@ -115,7 +115,7 @@ translations: t: | 2023 HTML 現況調查 於 2023 年 9 月 19 日至 10 月 19 日進行，共收集了 20,904 份回覆。 - 這份調查的設計工作由 [Lea Verou](https://lea.verou.me/) 領導，感謝 Google 的資助。 Lea 還監督了新 UI 數據收集元素的原型設計、測試和實施；貢獻了數據處理；並協助數據可視化。 + 這份調查的設計工作由 [Lea Verou](https://lea.verou.me/) 領導，感謝 Google 的資助。Lea 還監督了新 UI 資料收集元素的原型設計、測試和實施；貢獻了資料處理；並協助資料視覺化。 問卷調查的設計和開發由 [Sacha Greif](https://sachagreif.com/) 和 [Eric Burel](https://www.lbke.fr/) 負責，以及開源貢獻者和顧問團隊的幫助。