跳至內容

關於

2021 CSS 現況調查從 2021 年 10 月 5 日開始,至 2021 年 11 月 2 日,收到 8714 份回應。這份調查由我 Sacha Greif 經營,並且有一群開源貢獻者與顧問的協助。

今年的 Logo 和 T-Shirt 由 Christopher Kirk-Nielsen 設計,並製作成動畫。

問卷目標

JavaScript 現況調查與這份調查是為了發掘網站開發生態系接下來的趨勢,幫助開發者們在技術上做選擇。

因此,這些調查專注在期盼接下來會發生的事情,而不是分析現在受到歡迎的。這就是即使有些功能或技術目前非常流行,卻也不是都包含在內的原因。

問卷設計

這份調查有部份是根據去年進行的,還有一段時間進行開放式回饋,在 GitHub 上進行討論。 所有問卷問題都不是必填。

問卷閱聽眾

這份調查在網路上公開提供存取,答題者沒有經過任何形式的篩選、挑選。答題者主要來自先前調查(透過完整功能的郵寄清單通知)與社群媒體流量。

代表性與包容性

即使我們相信讓每個社群都可以發聲是非常重要的,現實是像這樣的公開調查,難以正確地代表每個人,尤其是在已經有自帶偏誤的系統上進行。

為了要平衡這一點,有三種不同策略:

  • 推廣:今年,我們聯繫 23 個代表 BIPOC 和 LGBTQ 開發者的組織,期盼可以進行合作。即使只有幾個回覆,還是會持續推廣至現有閱聽眾範圍外的方法。

  • 資料分析:透過 feacet 和變量等功能,我們一直嘗試,不管在資料裡有多微小,仍要讓每個人口統計區隔的聲音浮上來。

  • 降低障礙:太長、沒有無障礙設計、讀取緩慢、只有英文⋯等,都會導致出現「勞力税」,使得一部分付不起的社群被排除在外。把問題解決,就可以降低進入障礙,這過程會讓閱聽眾更多元。

    專案資金來源

    從這個專案獲取的資金,來源有幾個:

  • T-shirt 販售

  • 贊助連結:每頁底部的推薦資源連結,由夥伴 Frontend Masters 提供。

  • 其他資金來源:今年 Google Chrome 團隊撥出一些預算,協助找位無障礙設計顧問來參與調查。

儘管有這些資金來源,調查整體上仍較屬於自有資金的專案,非常歡迎任何貢獻獲贊助。我尤其想要與瀏覽器廠商緊密合作,因為他們在網頁生態是中心角色。

技術概要

這裡可以找到調查進行的深入技術概要。

  • 資料收集: 自製的 Vulcan.js 應用程式。
  • 資料存放/處理: MongoDB & MongoDB Aggregations.
  • Data API: Node.js GraphQL API.
  • 結果網站: Gatsby React 應用程式。
  • 資料視覺化: Nivo React 資料視覺化函式庫。
  • 字型: IBM Plex MonoBebas Neue