Merci (édition 2022)

Vous savez, c'est la période de l'année où Chris publie normalement une grande réflexion sur l'année écoulée. Le un premier a été publié en 2007, la même année que CSS-Tricks a commencé, et il continué tout au long de 2021 sans perdre une miette. Ayant moi-même été un lecteur de CSS-Tricks toutes ces années, je détesterais voir ce changement.

Donc nous en sommes là! 2022 était certainement une année folle en ce qui concerne la transition. À cette époque l'année dernière, nous envisageons certains objectifs pour l'année à venir (que nous atteindrons) mais nous avons fini par rejoindre DigitalOcean. C'était un énorme changement radical (jeu de mots) et pourtant vous êtes resté avec nous tout le long. Cela signifie vraiment beaucoup pour moi que tant d'entre vous viennent ici pour lire les choses que moi et un tas d'autres écrivains invités publient ici. Ce n'est tout simplement pas une communauté (ni aucun plaisir) sans vous tous.

Merci!

Ceci est le dernier article que nous publions cette année alors que nous accrochons notre panneau Gone Fishin 'pour les vacances. Nous reviendrons Janvier 9 avec une vague de contenu fraîchement sorti du four.

OK, c'est là que nous commençons à creuser dans les analyses du site. C'est quelque chose que nous avons toujours été transparent et que nous continuerons de faire. Ce n'est pas comme si nos chiffres se trouvaient dans une boîte noire interdite, et l'espoir est que leur partage vous aide, vous et votre entreprise, d'une manière ou d'une autre.

Trafic global

Dans l'ensemble, Google Analytics affiche un total de 64m pages vues pour toute l'année. C'est aaaaa en baisse par rapport aux 88 millions de l'an dernier, ce qui est alarmant à première vue. Je veux dire, qui veut voir un 27% baisse du trafic d'une année sur l'autre ?

Mais il y a une bonne raison à cela car nous avons publié un aaaaaa moins de contenu cette année. Nous savons tous que Chris était un écrivain prolifique (et est encore, bien sûr), crachant souvent plusieurs publications par jour. C'est un peu comme si nous avions perdu notre contributeur le plus productif pendant la majeure partie de l'année. Comparons l'activité éditoriale des dernières années :

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

Une baisse de 27 % des pages vues est beaucoup moins préoccupante compte tenu de notre publication 43% moins d'articles que l'année dernière, et un énorme 67% moins que le total global de 2020.

Hmm, je n'ai pas l'impression de travailler 67% de moins…

Et tout cela vient avec la mise en garde que c'est exactement ce que nous obtenons de Google Analytics. Au cours des dernières années, Chris a comparé ces chiffres avec les statistiques de Cloudflare (la couche CDN qui se trouve au-dessus du site) et jetpack (le plugin qui connecte notre site WordPress auto-hébergé aux fonctionnalités SaaS-y de WordPress.com). Les résultats sont toujours incohérents dans la mesure où je ne prends même pas la peine de regarder cette fois-ci. (D'accord, d'accord peut-être juste Jetpack… qui affiche 59.9 millions de pages vues - étrangement plus que le total de 2021 millions de 55.)

Articles, en chiffres

C'est ce que j'attends toujours avec impatience chaque année! Voici les dix meilleurs articles en 2022 qui ont été publiés en 2022:

1. 6 idées créatives pour les effets de survol de lien CSS —Harshil Patel
2. Expliquez-moi les 10 premières lignes du code source de Twitter —Anand Chowdhary
3. Quels étaient les meilleurs outils frontaux en 2021 ? -Louis Lazaris
4. Remplacer les boîtes de dialogue JavaScript par le nouvel élément de boîte de dialogue HTML —Mads Stoumann
5. Dites bonjour à selectmenu, un élément de sélection entièrement stylisé —Patrick Brosset
6. Envoyer une requête HTTP de manière fiable lorsqu'un utilisateur quitte une page —Alex MacArthur
7. grid-template-columns —Mojtaba Seyedi
8. Un guide complet des couches CSS Cascade — Miriam Suzanne
9. Requêtes de base de données CSS ? Bien sûr que nous pouvons! — Chris Coyer
10. CSS-Tricks rejoint DigitalOcean ! — Chris Coyer

Je suis en fait surpris que le dernier ne soit pas plus haut sur la liste. Et je suis vraiment ravi d'en voir un de l'Alamanac là-dedans, surtout parce que Mojtaba a grignoté toutes les propriétés CSS Grid au cours de la dernière année et demie et il l'a fait sortir du stade. Je pensais avoir une bonne maîtrise de la grille jusqu'à ce que je commence à lire toutes les pépites d'or qu'il a emballées dans chaque propriété. Il y a tellement de choses à apprendre là-dedans et Mojtaba a le don d'expliquer clairement des choses compliquées. J'espère mettre à jour le Guide de la grille CSS avec toutes ces nouvelles informations (mais plus à ce sujet dans un instant).

J'aime aussi voir le guide CSS Cascade Layers là-dedans! J'ai eu tellement de plaisir à travailler avec Miriam dessus. Si vous ne le saviez pas, elle est rédactrice pour la spécification. C'est un régal (et un honneur, vraiment) d'héberger son travail ici et de le mettre à notre disposition à tous pour marquer et référencer.

Voici 11-20 pour les coups de pied :

11. Animation avec JavaScript de base —Md Shuvo
12. Flutter pour les développeurs Web frontaux —Obumuneme Nwabude
13. Grille CSS et formes personnalisées, partie 1 — Temani Afif
14. Écrire du HTML, à la manière HTML (pas à la manière XHTML) — Jens Oliver Meiert
15. Une visite éclair de 4 nouvelles fonctionnalités de couleur CSS — Chris Coyer
16. Effets de survol sympas qui utilisent les propriétés d'arrière-plan — Temani Afif
17. Créons un petit langage de programmation —Md Shuvo
18. Effets de survol CSS sympas qui utilisent l'écrêtage d'arrière-plan, les masques et la 3D — Temani Afif
19. Une table des matières parfaite avec HTML + CSS — Nicolas C. Zakas
20. Empreintes basées sur CSS — Chris Coyer

Tous les messages publiés en 2022 constituent 4.8m pages vues, ou environ 7.8% de toutes les pages vues. Notre article le plus consulté est toujours le vieux Guide des boîtes flexibles qui a recueilli 5.8m vues cette année. J'adorerais voir notre nouveau contenu dépasser cet élément, et je pense que cela se serait facilement produit si nous avions maintenu le rythme de publication. Retour sur le calcul de la serviette ici, mais nous aurions pu avoir environ 67 millions de pages vues si nous avions publié 540 articles supplémentaires pour correspondre au nombre d'articles publiés l'année dernière.

Si nous reculons de quelques pas, nous pouvons voir les articles les plus consultés de l'année écoulée, quelle que soit leur date de publication :

1. Un guide complet sur Flexbox
2. Un guide complet de la grille
3. Image d'arrière-plan pleine page parfaite
4. Les formes de CSS
5. Requêtes multimédias pour les appareils standard
6. Utilisation de SVG
7. Comment mettre à l'échelle SVG
8. Triangle CSS
9. Bordures dégradées en CSS
10. Tronquer une chaîne avec des points de suspension
11. Comment l'utiliser ? @font-face en CSS

Oui, presque identique à l'année dernière. Et l'année d'avant. Et l'année d'avant. Et… enfin, presque. "Gradient Borders in CSS" est nouveau, bousculant le box-shadow propriété hors liste. Tout le reste de la place quatre sur des places simplement échangées.

En parlant des propriétés dans l'Almanach, je veux voir ce que vous avez le plus référencé l'année dernière :

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 haut et rien que des propriétés après ça. Intéressant, étant donné que le pseudo sélecteur relationnel fonctionne comme :has(), :is()et :where() sont de nouveaux enfants sur le bloc.

Newsletter

Les chiffres ici sont bien trop confus pour tirer des conclusions perspicaces. Après le passage à DigitalOcean, nous avons dû nettoyer notre liste d'abonnés 91K + à des fins de conformité et le nombre a chuté en conséquence. Si vous avez été supprimé de la liste, vous pouvez vous réinscrire ici.

La bonne nouvelle? Nous continuons à faire la newsletter ! Nous en fait l'a relancé en août après une pause de cinq mois. Nous étions sur une cadence hebdomadaire, mais nous sommes maintenant une fois par mois pendant que votre humble serviteur en est l'auteur. J'espère bien le ramener à une publication hebdomadaire. (Tu me manques, Robin !)

Mises à jour du site

Il s'agissait surtout de maintenir le navire à flot, si je suis honnête. À part quelques ajustements mineurs et de la maintenance, le site est à peu près là où il était à la même époque l'année dernière.

Cela changera beaucoup en 2023. Si vous avez suivi notre mensuel Derrière les scènes CSS mises à jour, alors vous savez que nous prévoyons de migrer CSS-Tricks de WordPress vers le même CMS maison que DigitalOcean utilise pour tous ses (stellaires) contenu de la communauté.

Ce travail a débuté il y a quelques mois et devrait être terminé au cours du premier semestre. Vous pouvez parier que nous vous tiendrons au courant en cours de route. Outre un design frais et un nouveau back-end, cela devrait être comme d'habitude. Si vous avez des questions sur ce travail et ce que cela signifie pour votre publication frontale préférée, n'hésitez pas à me contacter. dans les commentaires or tire moi un email.

Si vous ne l'avez pas encore vu, voici quelques compositions que notre designer, Logan Liffick, a créées :

Bilan des objectifs 2021

Oy, j'hésite même à regarder. Tous les efforts qu'il a fallu pour s'intégrer à DigitalOcean et trouver un nouveau rythme ont dominé le temps de tout le monde, ne laissant que très peu de temps pour tenter d'atteindre les objectifs de Chris, qui étaient :

• ✅ Plus d'accent sur le référencement. Je vais nous donner une note de passage ici. La vérité est que Chris et moi étions déjà en train de creuser nos talons avant l'acquisition. Nous avons remplacé le plug-in Yoast SEO par RankMath, en profitant de ses outils intégrés à l'éditeur pour nous aider à apprendre à optimiser nos publications pour les résultats de recherche. Et pour être clair : il s'agit moins d'augmenter le trafic pour plus de revenus de sponsoring que de reconnaître que la recherche est le principal moyen pour les lecteurs comme vous de nous trouver, et de vous faciliter la tâche pour trouver ce que vous cherchez. C'est particulièrement vrai maintenant que nous sommes soutenus par DigitalOcean et comptons beaucoup moins sur les parrainages qu'auparavant.
• 🚫 Encore un livre numérique. Swing et raté ! Eh bien, nous n'avons jamais vraiment balancé en premier lieu, ni mis les pieds dans la boîte du frappeur d'ailleurs. (Est-ce ainsi que fonctionnent les analogies sportives ?) Chris a publié un livre de Les meilleures astuces CSS en 2020 et en a fait un avantage d'être un abonné CSS-Tricks payant. L'idée était d'en faire un autre cette année, mais nous nous sommes débarrassés des abonnements payants et avons ouvert The Greatest CSS Tricks pour que tout le monde puisse en profiter, gratuitement.
• 🚫 Plus d'expérimentation des médias sociaux. Non! Mais c'est peut-être mieux, compte tenu de la position de Twitter en ce moment. Nous pourrions être contraints d'expérimenter dans ce domaine l'année prochaine plus par nécessité que par intérêt. Twitter a toujours été une goutte à goutte dans le seau proverbial du trafic CSS-Tricks ; à tel point qu'y investir, c'est comme mettre nos œufs dans le mauvais panier, euh seau. Je ne sais pas. Une partie de moi veut juste s'asseoir sur mes mains et voir comment les choses évoluent avant de décider de quelque chose de nouveau ou de différent.

Fixation des objectifs 2023

Nouvelle année, nouveaux objectifs, n'est-ce pas ? Permettez-moi de mettre un tas de mots dans la bouche de l'équipe et de projeter ce que je ressens comme les principales priorités pour nous à l'approche de 2023 :

• Une migration de site en douceur. Rien ne me rendrait plus heureux¹ qu'un passage sans accroc à l'architecture de DigitalOcean. Mais allez, on sait tous quelque chose vient toujours quand il est temps de partir. Ce site contient plus de 7,000 15 articles qui ont été écrits sur 1 ans, et il y a eu XNUMX9 versions du site dans ce laps de temps. Il existe de nombreux types de publication personnalisés, des champs personnalisés, des modèles de page, des plug-ins de fonctionnalités, des intégrations et une base de données de plus de 6 Go à déplacer et à mapper sur un système existant. Heureusement que nous avons une équipe de développeurs de premier ordre ici pour s'en charger !
• Publiez 1-2 nouveaux guides. J'aimerais viser plus haut, en fait. Nous sommes passés de neuf nouveaux guides en 2020 à un dérisoire un nouveau guide en 2021, et un autre l'année dernière : Miriam's Guide complet des couches CSS Cascade. J'ai une liste de 10 autres que j'aimerais écrire, mais je pense que nous mettrons la barre très bas compte tenu de notre bilan récent. J'ai mentionné plus tôt que j'aimerais incorporer le travail de Mojtaba dans l'almanach dans le guide CSS Grid existant. Ce n'est pas une mince somme de travail et je le compterais dans l'objectif si nous y parvenons.
• Développez l'Almanach. C'est mon coup de lune. J'aimerais voir plus de types de documentation là-dedans. Nous avons des pseudo-sélecteurs et des propriétés, ce qui est formidable et l'a toujours été. Mais bon sang, pensez à toutes les autres choses que nous pourrions avoir là-dedans : fonctions, règles at, unités, sélecteurs, valeurs de propriété, etc. Nous ne faisons qu'effleurer la surface de ce qui pourrait éventuellement y entrer ! Si nous en obtenons ne serait-ce qu'un, je serais dedans place-self: heaven.

Merci donc, alors, so beaucoup!

C'est le travail de mes rêves et je ne l'aurais pas sans des lecteurs comme vous. Je n'arrive pas à croire que ça fait huit ans que mon tout premier article a été publié et que je suis toujours là, travailler avec apprendre des esprits les plus brillants de notre domaine. Je pourrais radoter (plus que je ne l'ai déjà fait) sur l'importance de la communauté CSS-Tricks pour moi, mais en réalité, c'est… merci, merci, Je vous remercie. Du fond de mon cœur, Je vous remercie.

Et merci à toutes les bonnes personnes ici à DigitalOcean qui ont fait une excellente maison pour CSS-Tricks. Des félicitations très spéciales à Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick et Kirstyn Kellogg pour m'avoir personnellement mis au courant et m'avoir fait sentir si bienvenu ici. C'est un endroit formidable.

En avant, on y va !