2022 CSS 現況調查從 2022 年 10 月 1 日開始,至 2022 年 11 月 1 日,收到 14,310 份回應。這份調查由我 Sacha Greif 經營,並且有一群開源貢獻者與顧問的協助。 今年的 Logo 和 T-Shirt 由 Christopher Kirk-Nielsen 設計,並製作成動畫。
問卷目標
這份調查與 JavaScript 現況調查是為了發掘網站開發生態系接下來的趨勢,幫助開發者們在技術上做選擇。 因此,這些調查專注在期盼接下來會發生的事情,而不是分析現在受到歡迎的。這就是即使有些功能或技術目前非常流行,卻也不都包含在內的原因。 還有,瀏覽器開發廠商會使用調查資料安排優先順序,並促成倡議的發起,像是 Interop 2022。
問卷設計
今年,受惠於 Google Chrome 團隊的資金協助,由 Lea Verou 主持問卷設計,且在 Github 公開討論。問卷問題都是選填。 此外,我們計劃進一步透過工作小組郵寄清單掌握問卷的設計、檢討與回饋。
問卷閱聽眾
這份調查在網路上公開提供存取,答題者沒有經過任何形式的篩選、挑選。答題者主要來自先前調查(透過完整功能的郵寄清單通知)與社群媒體流量。
專案資金來源
從這個專案獲取的資金,來源有幾個:
- T-shirt 販售。
- 贊助連結:每頁底部的推薦資源連結,由夥伴 Frontend Masters 提供。
- 贊助圖表:去年開始,任何人都可以選擇以至少 10 美金直接贊助圖表,讓 Twiiter 頭像照片在旁邊顯示。
- Google:今年,Google Chrome 團隊撥出一些預算,找來 Lea 協助設計問卷,同時也直接贊助我的作品。
- Nijibox:位於日本的 Nijibox 也對我的行動慷慨提供贊助,讓這些每年一次的調查更有維持的動力。
技術概要
在這裡可以找到調查進行的深入技術概要。程式碼是開源的。 - 資料收集:運行在 Vercel 的 Next.js 應用程式。
- 資料存放/處理:運行在 MongoDB Atlas 的 MongoDB & MongoDB Aggregations。
- 資料 API:運行在 Render 的 Node.js GraphQL API.
- 結果網站:運行在 Netlify 的 Gatsby React 應用程式。
- 資料視覺化:Nivo React 資料視覺化函式庫。
- 字型: IBM Plex Mono 和 Bebas Neue。
回饋
- 回報技術問題 - 未來建議 - 其它非技術問題 - 加入 Discord - 加入 Devographics 工作小組,參與之後調查的設計與檢討。