A pesquisa State of CSS de 2022 ocorreu de 1º de outubro a 1º de novembro de 2022, e coletou 14.310 respostas. A pesquisa é conduzida por mim, Sacha Greif, com a ajuda de uma equipe de colaboradores e consultores de código aberto. O logotipo e a camiseta deste ano foram reutilizados do ano passado, quando foram projetados e animados por Christopher Kirk-Nielsen.
Objetivos da Pesquisa
Esta pesquisa, juntamente com a pesquisa State of JavaScript, foi criada para identificar tendências futuras no ecossistema de desenvolvimento web, a fim de ajudar os desenvolvedores a fazerem escolhas tecnológicas. Como tal, essas pesquisas têm o foco de antecipar o que está por vir nos próximos anos, em vez de analisar o que é popular agora. Por isso, as características ou tecnologias que estão atualmente mais difundidas nem sempre estão incluídas. Além disso, os dados da pesquisa também são utilizados pelos fornecedores de navegadores para priorizar recursos e informar iniciativas como o Interop 2022.
Design da Pesquisa
Este ano, o design da pesquisa foi liderada por Lea Verou graças a uma bolsa de financiamento da equipe do Google Chrome, e gerenciado publicamente no GitHub. Todas as perguntas da pesquisa eram opcionais. Além disso, daqui para frente também coordenaremos o design da pesquisa, revisão e feedback por meio de uma lista de discussão do Grupo de Trabalho.
Público da Pesquisa
A pesquisa estava acessível online de forma aberta, e os respondentes não foram filtrados ou selecionados de nenhuma maneira. Os respondentes eram principalmente uma mistura de participantes de pesquisas anteriores (notificados por meio de uma lista de discussão dedicada) e tráfego de mídia social.
Financiamento do Projeto
O financiamento para este projeto provém de diversas fontes:
- Venda de camisetas.
- Links Patrocinados: os links para recursos recomendados na parte inferior de cada página são fornecidos pelo nosso parceiro Frontend Masters.
- Gráficos Patrocinados: desde o ano passado, qualquer pessoa também pode optar por patrocinar diretamente um gráfico por $10 ou mais e ter seu avatar do Twitter exibido ao lado dele.
- Google: este ano, a equipe do Google Chrome reservou um orçamento para contratar Lea para ajudar no design da pesquisa, além de me financiar diretamente para apoiar meu trabalho.
- Nijibox: A Nijibox com base no Japão, também generosamente concordou em patrocinar meus esforços para tornar essas pesquisas anuais mais sustentáveis.
Visão Técnica
Você pode encontrar uma visão técnica mais detalhada de como as pesquisas são realizadas aqui. Nosso código é open-source. - Coleta de Dados: Next.js rodando no Vercel.
- Armazenamento/Processamento de Dados: MongoDB & Agregações do MongoDB rodando no MongoDB Atlas.
- API de Dados: API GraphQL Node.js rodando no Render.
- Site de Resultados: Gatsby React app rodando no Netlify.
- Visualizações de Dados: Biblioteca de visualização de dados React Nivo.
- Fontes: IBM Plex Mono e Bebas Neue.
Feedback
- Reportar um problema técnico - Fazer uma sugestão para o próximo ano - Outros problemas não técnicos - Participar do Discord - Participar do Grupo de Trabalho da Devographics para participar do design e revisão de pesquisas futuras.