Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Completed: general-page translation #13

Merged
merged 10 commits into from
May 27, 2024
140 changes: 139 additions & 1 deletion state_of_html_2023.yml
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,142 @@ translations:
###########################################################################

- key: general.results.description
t: 每年舉辦的 HTML 生態系最新趨勢調查:2022 年版。
t: 2023年度 HTML 生態最新趨勢的現況調查。

- key: introduction.html2023
t: >
AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
當 JavaScript 掌控網頁,CSS 每年都在增加新功能時,HTML 似乎一直保持沉默,樂於將舞台讓給它的年輕兄弟。畢竟,了解了 `<div>` 和 `<h>` 1 到 6,還有什麼需要知道的呢?

AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
事實上,還有許多可以挖掘的!我們再次請來 [Lea Verou](https://lea.verou.me/),她對 Web 平台的深入了解,幫助我們製作了一份調查,這份調查不僅僅涵蓋了純 HTML,還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新數據需要處理!希望您會覺得這個結果是值得等待的。除了這裡包含的數據之外,我們還改進了 **圖表自定義** 功能,更好地數據可視化。如果在這個過程中發現了任何有趣的見解,請務必告訴我們!

AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
你可以在[這篇文章](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: |
## 透過 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: |
歡迎來到 HTML 現況調查。這是第一次舉辦的調查,總共有來自世界各地的 **20,904** 位參與者。

- key: sections.features.description.html2023
t: |
HTML 功能和其他瀏覽器 API

###########################################################################
# Other Content
###########################################################################

- key: features.all_features.description
t: |
AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
這個圖表總結了調查中的所有功能問題。主要條形圖代表了受訪者的經驗;以及根據受訪者的情感進一步細分。可以在兩者之間切換分組。也可以在每個功能子部分找到相同數據的更具體的分析。

###########################################################################
# 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: >
AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
*哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了 「現況調查」 系列中首次回應最多的紀錄,也創新了數據收集的 UI ,讓我們對開發者的態度有了前所未有的洞察,並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的,但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**:不僅互動元素(如 `<datalist>` 或 Popover API )在所有類別中積累了最多的正向情感,而且所有[缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) 中的前幾名都是互動式小部件。


AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
然而,僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的:不足的自定義性,特別是 **樣式**,是最常見的痛點。就前述來看,表單元素也是[最常重建的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features),一個讓開發者和使用者都兩敗俱傷的結果。幸運的是,有許多新的倡議來改善這一點,所以未來看起來是光明的。


AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML,那就無法擴展;此外,通用元素不可能滿足巨大的需求多樣性。不幸的是,** Web 元件 API **(尤其是 Shadow DOM ),雖然被廣泛使用,但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳,因為它們在整個調查中排名最差。然而,這一領域的持續活動(其中一些我參與了)讓我對此充滿希望,儘管這是一條崎嶇的道路,但它們正在朝著實現其全部潛力的方向前進。


這就帶我到最後一點:重要的是要記住,這份調查只是開發者觀點的一個快照,反映了當時 Web 平台的狀態。然而,調查的主要目標之一是透過了解開發者需求來改善現狀。今天有多少痛點將因此而得到解決?今年約莫下半年加入我們進行調查的第二次迭代,讓我們一起找出答案!

###########################################################################
# About
###########################################################################

- key: about.content
t: |
2023 HTML 現況調查 於 2023 年 9 月 19 日至 10 月 19 日進行,共收集了 20,904 份回覆。

AndreaFan123 marked this conversation as resolved.
Show resolved Hide resolved
這份調查的設計工作由 [Lea Verou](https://lea.verou.me/) 領導,感謝 Google 的資助。 Lea 還監督了新 UI 數據收集元素的原型設計、測試和實施;貢獻了數據處理;並協助數據可視化。

問卷調查的設計和開發由 [Sacha Greif](https://sachagreif.com/) 和 [Eric Burel](https://www.lbke.fr/) 負責,以及開源貢獻者和顧問團隊的幫助。

今年的 Logo 和 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)找到更深入的技術概述,說明了如何進行調查。
Loading