Obrigado (edição 2022)

Você sabe, esta é a época do ano em que Chris normalmente publica uma grande reflexão do ano passado. o um primeiro foi publicado em 2007, o mesmo ano em que o CSS-Tricks começou, e continuou até 2021 sem perder o ritmo. Tendo sido um leitor de CSS-Tricks todos esses anos, eu odiaria ver essa mudança.

Então aqui estamos nós! 2022 foi com certeza um ano heckuva no que diz respeito à transição. Nesta época do ano passado, estávamos olhando para algumas metas para o próximo ano (que iremos abordar), mas acabamos ingressando na DigitalOcean. Essa foi uma grande mudança radical (trocadilho intencional) e ainda assim você ficou conosco o tempo todo. Realmente significa muito para mim que tantos de vocês venham aqui para ler as coisas que eu e vários outros escritores convidados publicamos aqui. Simplesmente não é uma comunidade (ou qualquer diversão) sem vocês.

Obrigado!

Este é o último post que estamos publicando este ano, enquanto penduramos nossa placa Gone Fishin 'para as férias. Nós voltaremos Janeiro 9 com uma enxurrada de conteúdo recém-saído do forno.

OK, é aqui que começamos a analisar as análises do site. Isso é algo sobre o qual sempre fomos transparentes e continuaremos a fazer. Não é como se nossos números estivessem em alguma caixa preta fora dos limites, e a esperança é que compartilhá-los de alguma forma ajude você e sua empresa.

Tráfego geral

No geral, o Google Analytics está mostrando um total de 64m visualizações de página durante todo o ano. Isso é bemaaa abaixo dos 88m do ano passado, o que é alarmante à primeira vista. Quero dizer, quem quer ver um 27% queda no tráfego ano a ano?

Mas há uma boa razão para isso porque publicamos um muitoaaa menos conteúdo este ano. Todos nós sabemos que Chris foi um escritor prolífico (e ainda é, é claro), muitas vezes cuspindo vários posts por dia. É como se tivéssemos perdido nosso colaborador mais produtivo durante a maior parte do ano. Vamos comparar a atividade editorial nos últimos anos:

• 2020: Artigos 1,183
• 2021: Artigos 890
• 2022: Artigos 390

Uma queda de 27% nas visualizações de página é muito menos preocupante, considerando que publicamos 43% menos artigos do que no ano passado, e uma enorme 67% menos do que o total geral de 2020.

Hmm, não sinto que estou trabalhando 67% menos…

E tudo isso vem com a ressalva de que é exatamente isso que obtemos do Google Analytics. Nos últimos anos, Chris comparou esses números com estatísticas de Cloudflare (a camada CDN que fica no topo do site) e jetpack (o plug-in que conecta nosso site WordPress auto-hospedado aos recursos SaaS-y do WordPress.com). Os resultados são sempre consistentemente inconsistentes na medida em que nem me preocupo em olhar desta vez. (Tudo bem, talvez apenas Jetpack… que mostra 59.9 milhões de visualizações de página - estranhamente mais do que o total de 2021 milhões de 55).

Artigos, pelos números

Isso é o que eu sempre espero a cada ano! Aqui estão os dez principais artigos em 2022 que foram publicados em 2022:

1. 6 ideias criativas para efeitos de foco do link CSS —Harshil Patel
2. Explique as 10 primeiras linhas do código-fonte do Twitter para mim -Anand Chowdhary
3. Quais foram as ferramentas de front-end mais populares em 2021? — Luís Lázaro
4. Substitua as caixas de diálogo JavaScript pelo novo elemento de caixa de diálogo HTML —Mads Stoumann
5. Diga Olá para selectmenu, um elemento de seleção totalmente estilizado —Patrick Brosset
6. Envie uma solicitação HTTP de forma confiável quando um usuário sai de uma página -Alex MacArthur
7. grid-template-columns -Mojtaba Seyedi
8. Um guia completo para CSS Cascade Layers —Miriam Suzanne
9. Consultas de banco de dados CSS? Claro que podemos! — Chris Coyer
10. CSS-Tricks está se juntando à DigitalOcean! — Chris Coyer

Na verdade, estou surpreso que o último não esteja no topo da lista. E estou muito feliz em ver um do Alamanac lá, especialmente porque Mojtaba destruiu todas as propriedades do CSS Grid no último ano e meio e ele bateu fora do estádio. Eu pensei que tinha um bom controle sobre a grade até que comecei a ler todas as pepitas de ouro que ele colocou em cada propriedade. Há muito o que aprender lá e Mojtaba tem um talento especial para explicar claramente coisas complicadas. Eu estou esperando para atualizar o Guia de grade CSS com todas essas informações novas (mas mais sobre isso daqui a pouco).

Também adoro ver o guia CSS Cascade Layers! Eu me diverti muito trabalhando com Miriam nisso. Se você não sabia, ela é uma editora da especificação. É um prazer (e uma honra, na verdade) hospedar o trabalho dela aqui e disponibilizá-lo para todos nós marcarmos e consultarmos.

Aqui está 11-20 para chutes:

11. Animação com JavaScript básico —Md Shuvo
12. Flutter para desenvolvedores web front-end —Obumuneme Nwabude
13. Grade CSS e formas personalizadas, parte 1 - Temani Afif
14. Escreva HTML, do jeito HTML (não do jeito XHTML) —Jens Oliver Meiert
15. Um tour de 4 novos recursos de cores CSS — Chris Coyer
16. Efeitos legais de foco que usam propriedades de plano de fundo - Temani Afif
17. Vamos criar uma pequena linguagem de programação - MD Shuvo
18. Efeitos legais de CSS Hover que usam recorte de fundo, máscaras e 3D - Temani Afif
19. Um índice perfeito com HTML + CSS —Nicholas C. Zakas
20. Impressão digital baseada em CSS — Chris Coyer

Todas as postagens que foram publicadas em 2022 compõem 4.8m exibições de página ou sobre 7.8% de todas as exibições de página. Nosso artigo mais visto é sempre o velho guia flexbox que acumulou 5.8m visualizações este ano. Eu adoraria ver nosso novo conteúdo ultrapassar esse item, e acredito que isso teria acontecido facilmente se tivéssemos mantido o ritmo de publicação. Atrás da matemática do guardanapo aqui, mas poderíamos ter cerca de 67 milhões de visualizações de página se tivéssemos publicado mais 540 artigos para corresponder ao número de artigos publicados no ano passado.

Se recuarmos alguns passos, podemos ver os artigos mais vistos do ano passado, independentemente de quando foram publicados:

1. Um guia completo para Flexbox
2. Um guia completo para grade
3. Imagem de fundo de página inteira perfeita
4. As Formas do CSS
5. Consultas de mídia para dispositivos padrão
6. Usando SVG
7. Como escalar SVG
8. Triângulo CSS
9. Bordas de gradiente em CSS
10. String truncada com reticências
11. Como usar @font-face em CSS

Sim, quase idêntico ao ano passado. E no ano anterior. E no ano anterior. E... bem, quase. “Gradient Borders in CSS” é novo, superando o box-shadow propriedade fora da lista. Todo o resto do quarto lugar apenas trocou de lugar.

Falando das propriedades do Almanaque, quero ver o que vocês mais mencionaram no ano passado:

1. ::after / ::before
2. transition
3. box-shadow
4. scrollbar
5. justify-content
6. flex-wrap
7. gap
8. overflow-wrap
9. animation
10. white-space

Um pseudo no topo e nada além de propriedades depois disso. Interessante, dado que o pseudo seletor relacional funciona como :has(), :is() e :where() são crianças novas no quarteirão.

Newsletter

Os números aqui são confusos demais para tirar conclusões perspicazes. Depois de mudar para a DigitalOcean, tivemos que limpar nossa lista de mais de 91 mil assinantes para fins de conformidade e o número despencou como resultado. Se você foi retirado da lista, você pode se inscrever novamente aqui.

As boas notícias? Ainda estamos fazendo o boletim informativo! nós na verdade disparou de volta em agosto depois de um hiato de cinco meses. Estávamos em uma cadência semanal, mas agora estamos uma vez por mês, enquanto o seu realmente é o autor. Com certeza, espero transformá-lo em uma publicação semanal. (Sinto sua falta Robin!)

Atualizações do site

Tem sido principalmente para manter o navio flutuando, para ser honesto. Além de alguns pequenos ajustes e manutenção, o site está praticamente onde estava no ano passado.

Isso vai mudar muito em 2023. Se você tem acompanhado nosso Por trás dos CSScenes atualizações, então você sabe que estamos planejando migrar CSS-Tricks do WordPress para o mesmo CMS caseiro que a DigitalOcean usa para todos os seus (estelares) conteúdo da comunidade.

Esse trabalho começou há alguns meses e deve ser concluído no primeiro semestre do ano. Você pode apostar que vamos mantê-lo atualizado ao longo do caminho. além de um novo design e um novo back-end, tudo deve funcionar normalmente. Se você tiver alguma dúvida sobre esse trabalho e o que isso significa para sua publicação de front-end favorita, entre em contato comigo nos comentários or me envie um e-mail.

Se você ainda não viu, aqui estão algumas composições que nosso designer, Logan Liffick, montou:

Revisão de metas de 2021

Oi, estou hesitante até mesmo em olhar. Todo o esforço para se integrar com a DigitalOcean e encontrar um novo ritmo dominou o tempo de todos, deixando muito pouco para tentar atingir os objetivos de Chris, que eram:

• ✅ Mais foco em SEO. Vou dar-nos uma nota de aprovação aqui. A verdade é que Chris e eu já estávamos investindo nisso antes da aquisição. Substituímos o plug-in Yoast SEO pelo RankMath, aproveitando suas ferramentas no editor para nos ajudar a aprender como otimizar nossas postagens para resultados de pesquisa. E, para ser claro: trata-se menos de aumentar o tráfego para obter mais receita de patrocínio do que de reconhecer que a pesquisa é a principal maneira pela qual leitores como você nos encontram e facilitar a localização do que você está procurando. Isso é especialmente verdadeiro agora que temos o apoio da DigitalOcean e dependemos de patrocínios muito menos do que costumávamos.
• 🚫 Mais um livro digital. Swing e uma miss! Bem, em primeiro lugar, nunca realmente balançamos, ou entramos na caixa do batedor. (É assim que as analogias esportivas funcionam?) Chris publicou um livro de Os melhores truques de CSS em 2020 e tornou uma vantagem ser um assinante pago do CSS-Tricks. A ideia era fazer outro este ano, mas nos livramos das assinaturas pagas e abrimos The Greatest CSS Tricks para que todos possam desfrutar, gratuitamente.
• 🚫 Mais experimentação de mídia social. Não! Mas isso pode ser o melhor, considerando onde o Twitter está neste segundo. Podemos ser forçados a experimentar nesta área no próximo ano mais por necessidade do que por interesse. O Twitter sempre foi uma gota no proverbial balde de tráfego CSS-Tricks; tanto que investir nisso é como colocar nossos ovos na cesta errada, ou seja, balde. Não sei. Parte de mim só quer sentar em minhas mãos e ver como as coisas mudam antes de decidir sobre algo novo ou diferente.

2023 definição de metas

Ano novo, metas novas, certo? Permita-me colocar um monte de palavras na boca da equipe e projetar o que sinto serem as principais prioridades para nós em 2023:

• Uma migração de site tranquila. Nada me faria mais feliz¹ do que uma mudança sem soluços para a arquitetura da DigitalOcean. Mas vamos lá, todos nós sabemos algo sempre aparece quando é hora de ir. Este site tem mais de 7,000 artigos que foram escritos ao longo de 15 anos, e houve 19 versões do site nesse intervalo de tempo. Existem tantos tipos de postagem personalizados, campos personalizados, modelos de página, plug-ins de funcionalidade, integrações e um banco de dados com mais de 6 GB para mover e mapear para um sistema existente. Ainda bem que temos uma equipe de desenvolvedores de primeira linha aqui para enfrentá-lo!
• Publique 1-2 novos guias. Eu adoraria mirar mais alto, na verdade. Passamos de nove novos guias em 2020 para um insignificante novo guia em 2021 e outro no ano passado: Miriam's Guia Completo para CSS Cascade Layers. Eu tenho uma lista de mais 10 que adoraria escrever, mas acho que colocaremos a fasquia muito baixa devido ao nosso histórico recente. Mencionei anteriormente que adoraria incorporar o trabalho de Mojtaba no Almanac no guia CSS Grid existente. Isso não é uma quantidade pequena de trabalho e eu contaria para o objetivo se conseguirmos.
• Expanda o Almanaque. Este é o meu tiro na lua. Eu adoraria ver mais tipos de documentação lá. Temos pseudo-seletores e propriedades, o que é ótimo e sempre foi. Mas, caramba, pense em todas as outras coisas que poderíamos ter lá: funções, regras, unidades, seletores, valores de propriedade, etc. Estamos apenas arranhando a superfície do que poderia estar lá! Se conseguirmos pelo menos um desses, eu estarei dentro place-self: heaven.

Obrigado assim, então, so Muito de!

Este é o emprego dos meus sonhos e eu não o teria sem leitores como você. Não acredito que já se passaram oito anos desde que meu primeiro artigo foi publicado e que ainda estou aqui, trabalhando com aprendendo com as mentes mais brilhantes em nosso campo. Eu poderia divagar (mais do que já fiz) sobre o quanto a comunidade CSS-Tricks significa para mim, mas o que realmente importa é... obrigado, obrigado, obrigado. Do Fundo do meu coração, obrigado.

E obrigado a todas as pessoas aqui da DigitalOcean que criaram um ótimo lar para CSS-Tricks. Um cumprimento extra especial para Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick e Kirstyn Kellogg por me atualizar pessoalmente e me fazer sentir tão bem-vindo aqui. É um ótimo lugar para se estar.

Em frente, vamos nós!