Gracias (Edición 2022)

Sabes, esta es la época del año en la que Chris normalmente publica una gran reflexión sobre el año pasado. Él primero una fue publicado en 2007, el mismo año en que comenzó CSS-Tricks, y continuó hasta 2021 sin perder el ritmo. Habiendo sido un lector de CSS-Tricks todos estos años, odiaría ver ese cambio.

¡Aqui estamos! 2022 fue sin duda un año increíble en lo que respecta a la transición. En este momento del año pasado, estábamos mirando hacia el futuro en algunos objetivos para el próximo año (a los que llegaremos), pero terminamos uniéndonos a DigitalOcean. Ese fue un cambio radical masivo (juego de palabras intencionado) y, sin embargo, te quedaste con nosotros todo el camino. Realmente significa mucho para mí que tantos de ustedes vengan aquí para leer las cosas que yo y muchos otros escritores invitados publicamos aquí. Simplemente no es una comunidad (ni nada divertido) sin ustedes.

¡Gracias!

Esta es la última publicación que publicaremos este año mientras colgamos nuestro letrero Gone Fishin 'para las fiestas. Estaremos de vuelta 9 de enero con una avalancha de contenido recién salido del horno.

Bien, aquí es donde comenzamos a profundizar en el análisis del sitio. Eso es algo sobre lo que siempre hemos sido transparentes y continuaremos haciendo. No es que nuestros números estén en una caja negra prohibida, y la esperanza es que compartirlos de alguna manera lo ayude a usted y a su negocio.

Tráfico general

En general, Google Analytics muestra un total de 64m páginas vistas durante todo el año. Esa es muyyyyy por debajo de los 88 millones del año pasado, lo que es alarmante a primera vista. Quiero decir, ¿quién quiere ver un 27% caída en el tráfico año tras año?

Pero hay una buena razón para ello porque publicamos un muyyyy menos contenido este año. Todos sabemos que Chris fue un escritor prolífico (y todavía lo es, por supuesto), a menudo escupiendo varias publicaciones al día. Es como si hubiéramos perdido a nuestro colaborador más productivo durante la mayor parte del año. Comparemos la actividad editorial de los últimos años:

• 2020: Artículos 1,183
• 2021: Artículos 890
• 2022: Artículos 390

Una caída del 27 % en las páginas vistas es mucho menos preocupante teniendo en cuenta que publicamos 43% menos artículos que el año pasado, y una enorme 67% menos que el total general de 2020.

Hmm, no siento que esté trabajando un 67% menos...

Y todo esto viene con la advertencia de que esto es justo lo que obtenemos de Google Analytics. En los últimos años, Chris ha comparado esos números con las estadísticas de Cloudflare (la capa CDN que se encuentra en la parte superior del sitio) y jetpack (el complemento que conecta nuestro sitio de WordPress autohospedado con las funciones SaaS-y de WordPress.com). Los resultados siempre son consistentemente inconsistentes en la medida en que ni siquiera me molesto en mirar esta vez. (Está bien, está bien, tal vez solo Jetpack... que muestra 59.9 millones de páginas vistas, curiosamente más que los 2021 millones en total de 55).

Artículos, por los números

¡Esto es lo que siempre espero cada año! Aquí están los diez artículos principales en 2022 que se publicaron en 2022:

1. 6 ideas creativas para efectos de desplazamiento de enlace CSS —Harshil Patel
2. Explícame las primeras 10 líneas del código fuente de Twitter —Anand Chowdhary
3. ¿Cuáles fueron las herramientas front-end más populares en 2021? — Luis Lazaris
4. Reemplace los diálogos de JavaScript con el nuevo elemento de diálogo HTML —Mads Stoumann
5. Di hola al menú de selección, un elemento de selección totalmente compatible con estilo —Patricio Brosset
6. Envíe de manera confiable una solicitud HTTP cuando un usuario abandona una página —Alex MacArthur
7. grid-template-columns —Mojtaba Seyedi
8. Una guía completa para las capas en cascada de CSS — Miriam Susana
9. ¿Consultas de la base de datos CSS? ¡Seguro que podemos! - Chris Coyier
10. ¡CSS-Tricks se une a DigitalOcean! - Chris Coyier

De hecho, estoy sorprendido de que el último no estuviera más arriba en la lista. Y estoy realmente emocionado de ver uno de Alamanac allí, especialmente porque Mojtaba socavó todas las propiedades de CSS Grid durante el último año y medio y lo sacó del estadio. Pensé que tenía un buen manejo de la cuadrícula hasta que comencé a leer todas las pepitas de oro que puso en cada propiedad. Hay mucho que aprender allí y Mojtaba tiene la habilidad de explicar claramente las cosas complicadas. Espero actualizar el Guía de cuadrícula CSS con toda esa información nueva (pero más sobre eso en un momento).

¡También me encanta ver la guía CSS Cascade Layers allí! Me divertí mucho trabajando con Miriam en él. Si no lo sabías, ella es editora de la especificación. Es un placer (y un honor, en realidad) alojar su trabajo aquí y ponerlo a disposición de todos para que lo marquemos y lo mencionemos.

Aquí está 11-20 para las patadas:

11. Animación con JavaScript básico —Md Shuvo
12. Flutter para desarrolladores web front-end —Obumuneme Nwabude
13. Cuadrícula CSS y formas personalizadas, parte 1 —Temani Afif
14. Escriba HTML, al estilo HTML (no al estilo XHTML) - Jens Oliver Meiert
15. Un recorrido rápido por 4 nuevas funciones de color CSS - Chris Coyier
16. Cool Hover Effects que usan propiedades de fondo —Temani Afif
17. Creemos un pequeño lenguaje de programación — Md. Shuvo
18. Geniales efectos CSS Hover que usan recorte de fondo, máscaras y 3D —Temani Afif
19. Una tabla de contenido perfecta con HTML + CSS —Nicholas C. Zakas
20. Huellas dactilares basadas en CSS - Chris Coyier

Todas las publicaciones que se publicaron en 2022 conforman 4.8m páginas vistas, o sobre 7.8% de todas las páginas vistas. Nuestro artículo más visto es siempre el viejo guía de caja flexible que cosechó 5.8m vistas este año. Me encantaría ver que nuestro nuevo contenido supere a ese elemento, y creo que eso habría sucedido fácilmente si hubiéramos mantenido el ritmo de publicación. La parte de atrás de las matemáticas de la servilleta aquí, pero es posible que hayamos tenido alrededor de 67 millones de páginas vistas si hubiéramos publicado 540 artículos más para igualar la cantidad de artículos publicados del año pasado.

Si retrocedemos unos pasos, podemos ver los artículos más vistos del año pasado, independientemente de cuándo se publicaron:

1. Una guía completa de Flexbox
2. Una guía completa de Grid
3. Perfecta imagen de fondo de página completa
4. Las formas de CSS
5. Consultas de medios para dispositivos estándar
6. Usando SVG
7. Cómo escalar SVG
8. Triángulo CSS
9. Bordes degradados en CSS
10. Truncar cadena con puntos suspensivos
11. ¿Cómo Usar? @font-face en CSS

Sí, casi idéntico al año pasado. Y el año anterior. Y el año anterior. Y… bueno, casi. "Bordes de degradado en CSS" es nuevo, superando el box-shadow propiedad fuera de la lista. Todo lo demás, desde el punto cuatro en adelante, simplemente intercambió lugares.

Hablando de las propiedades en el Almanaque, quiero ver a qué se refirieron más el año pasado:

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

Un pseudo en la parte superior y nada más que propiedades después de eso. Interesante, dado que el pseudoselector relacional funciona como :has(), :is()y :where() son chicos nuevos en el bloque.

Newsletter

Los números aquí son demasiado desordenados para sacar conclusiones perspicaces. Después de mudarnos a DigitalOcean, tuvimos que borrar nuestra lista de más de 91 XNUMX suscriptores para fines de cumplimiento y, como resultado, el número se desplomó. Si te quitaron de la lista, puedes volver a suscribirte aquí.

¿Las buenas noticias? ¡Todavía estamos haciendo el boletín! en realidad lo disparó de nuevo en agosto después de una pausa de cinco meses. Estábamos en una cadencia semanal, pero ahora estamos a la vez al mes mientras su servidor lo está escribiendo. Seguro que espero volver a convertirlo en una publicación semanal. (¡Te extraño Robin!)

Actualizaciones del sitio

Se ha tratado principalmente de mantener el barco a flote, para ser honesto. Aparte de algunos ajustes menores y mantenimiento, el sitio está más o menos donde estaba en esta época el año pasado.

Eso cambiará a lo grande en 2023. Si se ha mantenido al día con nuestro Detrás de las escenas de CSS actualizaciones, entonces sabe que estamos planeando migrar CSS-Tricks de WordPress al mismo CMS casero que utiliza DigitalOcean para todos sus (estelares) contenido de la comunidad.

Ese trabajo comenzó hace un par de meses y debería estar listo en la primera mitad del año. Puede apostar a que lo mantendremos actualizado en el camino. Además de un diseño fresco y un nuevo back-end, debería funcionar como de costumbre. Si tiene alguna pregunta sobre ese trabajo y lo que significa para su publicación favorita, comuníquese conmigo. en los comentarios or disparame un email.

Si aún no lo ha visto, aquí hay algunas composiciones que nuestro diseñador, Logan Liffick, armó:

revisión de objetivos 2021

Oy, dudo incluso en mirar. Todo el esfuerzo que se necesitó para integrarse con DigitalOcean y encontrar un nuevo ritmo dominó el tiempo de todos, dejando muy poco para lograr los objetivos de Chris, que eran:

• ✅ Más enfoque SEO. Nos daré una calificación aprobatoria aquí. La verdad es que Chris y yo ya estábamos metidos en esto antes de la adquisición. Reemplazamos el complemento Yoast SEO con RankMath, aprovechando sus herramientas en el editor para ayudarnos a aprender cómo optimizar nuestras publicaciones para los resultados de búsqueda. Y para ser claros: se trata menos de aumentar el tráfico para obtener más ingresos por patrocinio que de reconocer que la búsqueda es la forma principal en que los lectores como usted nos encuentran y facilitarle encontrar lo que está buscando. Eso es especialmente cierto ahora que estamos respaldados por DigitalOcean y dependemos de los patrocinios mucho menos que antes.
• 🚫 Otro libro digital. ¡Swing y una señorita! Bueno, en realidad nunca hicimos swing en primer lugar, ni entramos en la caja de bateo para el caso. (¿Es así como funcionan las analogías deportivas?) Chris publicó un libro de Los mejores trucos de CSS en 2020 y convirtió en una ventaja ser un suscriptor pago de CSS-Tricks. La idea era hacer otro este año, pero nos deshicimos de las suscripciones pagas y abrimos The Greatest CSS Tricks para que todos lo disfrutaran, sin cargo.
• 🚫 Más experimentación con las redes sociales. ¡No! Pero eso podría ser lo mejor, considerando dónde está Twitter en este momento. Podríamos vernos obligados a experimentar en esta área el próximo año más por necesidad que por interés. Twitter siempre ha sido una gota en el balde proverbial del tráfico de CSS-Tricks; tanto es así que invertir en él se siente como poner nuestros huevos en la canasta equivocada, er balde. No se. Una parte de mí solo quiere sentarse en mis manos y ver cómo se mueven las cosas antes de decidirse por algo nuevo o diferente.

Establecimiento de metas para 2023

Nuevo año, nuevas metas, ¿verdad? Permítanme poner un montón de palabras en boca del equipo y proyectar lo que creo que son las principales prioridades para nosotros de cara a 2023:

• Una migración de sitio sin problemas. Nada me haría más feliz¹ que un cambio sin contratiempos a la arquitectura de DigitalOcean. Pero vamos, todos sabemos algo siempre aparece cuando es hora de ir. Este sitio tiene más de 7,000 artículos que se han escrito durante 15 años, y ha habido 19 versiones del sitio en ese lapso de tiempo. Hay tantos tipos de publicaciones personalizadas, campos personalizados, plantillas de página, complementos de funcionalidad, integraciones y una base de datos de más de 6 GB para mover y asignar a un sistema existente. ¡Qué bueno que tenemos un equipo de desarrolladores de primer nivel aquí para asumirlo!
• Publica 1 o 2 guías nuevas. Me encantaría apuntar más alto, en realidad. Pasamos de nueve guías nuevas en 2020 a una insignificante guía nueva en 2021, y otra el año pasado: la de Miriam Guía completa de capas en cascada CSS. Tengo una lista de 10 más que me encantaría escribir, pero creo que pondremos el listón muy bajo dado nuestro historial reciente. Mencioné anteriormente que me encantaría incorporar el trabajo de Mojtaba en el Almanaque en la guía CSS Grid existente. No es una pequeña cantidad de trabajo y lo contaría para la meta si podemos lograrlo.
• Ampliar el Almanaque. Este es mi viaje a la luna. Me encantaría ver más tipos de documentación allí. Tenemos pseudo-selectores y propiedades, lo cual es genial y siempre lo ha sido. Pero, vaya, piense en todas las otras cosas que podríamos tener allí: funciones, reglas at, unidades, selectores, valores de propiedad, etc. ¡Solo estamos rascando la superficie de lo que posiblemente podría entrar allí! Si conseguimos incluso uno de esos, estaría en place-self: heaven.

muchas gracias so ¡mucho!

Este es el trabajo de mis sueños y no lo tendría sin lectores como tú. No puedo creer que hayan pasado ocho años desde que se publicó mi primer artículo y que todavía estoy aquí, de trabajo con aprendiendo de las mentes más brillantes en nuestro campo. Podría divagar (más de lo que ya lo he hecho) sobre cuánto significa para mí la comunidad de CSS-Tricks, pero en realidad se trata de… gracias, gracias, gracias. Desde el fondo de mi corazón, gracias.

Y gracias a toda la buena gente aquí en DigitalOcean que ha hecho un gran hogar para CSS-Tricks. Felicitaciones muy especiales a Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick y Kirstyn Kellogg por ponerme personalmente al día y hacerme sentir tan bienvenido aquí. Es un gran lugar para estar.

¡Adelante, vamos!