Bedankt (editie 2022)

Weet je, dit is de tijd van het jaar waarin Chris normaal gesproken een grote terugblik op het afgelopen jaar publiceert. De eerste werd gepubliceerd in 2007, hetzelfde jaar dat CSS-Tricks begon, en het ging door tot en met 2021 zonder een slag te missen. Ik ben zelf al die jaren een CSS-Tricks-lezer geweest en ik zou die verandering niet graag zien.

Dus, hier zijn we! 2022 was zeker een geweldig jaar wat de overgang betreft. Vorig jaar rond deze tijd keken we vooruit naar een aantal doelen voor het komende jaar (die we zullen bereiken), maar uiteindelijk kwamen we bij DigitalOcean. Dat was een enorme zeeverandering (bedoelde woordspeling) en toch bleef je de hele weg bij ons. Het betekent echt veel voor me dat zovelen van jullie hier komen om de dingen te lezen die ik en een hele reeks andere gastschrijvers hier publiceren. Het is gewoon geen gemeenschap (of wat dan ook) zonder jullie.

Bedankt!

Dit is het laatste bericht dat we dit jaar publiceren terwijl we ons Gone Fishin'-bord ophangen voor de feestdagen. We komen terug Januari 9 met een golf van inhoud die vers uit de oven komt.

OK, hier gaan we dieper in op de analyses van de site. Daar zijn we altijd transparant over geweest en dat zullen we blijven doen. Het is niet alsof onze nummers in een of andere verboden zwarte doos zitten, en de hoop is dat het delen ervan u en uw bedrijf op de een of andere manier helpt.

Algehele verkeer

Over het algemeen toont Google Analytics een totaal van 64m paginaweergaven voor het hele jaar. Dat is heel erg lager dan de 88 meter van vorig jaar, wat op het eerste gezicht alarmerend is. Ik bedoel, wie wil er een zien 27% daling van het verkeer op jaarbasis?

Maar daar is een goede reden voor, want we hebben een heel erg minder inhoud dit jaar. We weten allemaal dat Chris een productief schrijver was (en is nog steeds, natuurlijk), vaak meerdere posts per dag uitspugen. Het is een beetje alsof we onze meest productieve bijdrager voor het grootste deel van het jaar zijn kwijtgeraakt. Laten we de publicatieactiviteit van de afgelopen jaren vergelijken:

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

Een daling van 27% in paginaweergaven is veel minder zorgwekkend gezien het feit dat we hebben gepubliceerd 43% minder artikelen dan vorig jaar, en maar liefst 67% minder dan het totaal van 2020.

Hmm, ik heb niet het gevoel dat ik 67% minder werk...

En dit alles komt met het voorbehoud dat dit precies is wat we krijgen van Google Analytics. In de afgelopen jaren heeft Chris die cijfers vergeleken met statistieken van Cloudflare (de CDN-laag die bovenop de site zit) en jetpack (de plug-in die onze zelfgehoste WordPress-site verbindt met de SaaS-y-functies van WordPress.com). De resultaten zijn altijd consequent inconsistent in de mate dat ik deze keer niet eens de moeite neem om rond te kijken. (Oké, oké, misschien alleen Jetpack... die 59.9 miljoen paginaweergaven laat zien - vreemd genoeg meer dan het totaal van 2021 miljoen in 55.)

Artikelen, op nummer

Dit is waar ik elk jaar weer naar uit kijk! Hier zijn de top tien artikelen in 2022 die zijn gepubliceerd in 2022:

1. 6 creatieve ideeën voor CSS Link Hover-effecten –Harshil Patel
2. Leg mij de eerste 10 regels van de broncode van Twitter uit – Anand Chowdhary
3. Wat waren de populairste front-endtools in 2021? —Louis Lazaris
4. Vervang JavaScript-dialogen door het nieuwe HTML-dialoogelement – Mads Stoumann
5. Zeg hallo tegen selectmenu, een volledig stijlbaar select Element —Patrick Brosset
6. Verzend op betrouwbare wijze een HTTP-verzoek wanneer een gebruiker een pagina verlaat – Alex MacArthur
7. grid-template-columns – Mojtaba Seyedi
8. Een complete gids voor CSS-cascadelagen — Mirjam Suzanne
9. CSS-databasevragen? Natuurlijk kunnen we dat! — Chris Coyer
10. CSS-Tricks sluit zich aan bij DigitalOcean! — Chris Coyer

Het verbaast me eigenlijk dat de laatste niet hoger op de lijst stond. En ik ben echt opgewonden om er een van de Alamanac in te zien, vooral omdat Mojtaba er een stukje van afstak alle eigenschappen van het CSS-raster in de afgelopen anderhalf jaar en hij sloeg het ver uit de marge. Ik dacht dat ik het rooster goed onder de knie had, totdat ik alle goudklompjes begon te lezen die hij in elk pand stopte. Er valt zoveel te leren en Mojtaba heeft de gave om gecompliceerde dingen duidelijk uit te leggen. Ik hoop de update bij te werken CSS-rastergids met al die nieuwe informatie (maar daarover straks meer).

Ik vind het ook geweldig om de CSS Cascade Layers-gids daar te zien! Ik vond het zo leuk om met Miriam eraan te werken. Als je het niet wist, zij is een redacteur voor de specificatie. Het is een traktatie (en eigenlijk een eer) om haar werk hier te hosten en het voor ons allemaal beschikbaar te maken om te bookmarken en ernaar te verwijzen.

Hier is 11-20 voor kicks:

11. Animatie Met Basis JavaScript —Meneer Shuvo
12. Flutter voor front-end webontwikkelaars —Obumuneme Nwabude
13. CSS-raster en aangepaste vormen, deel 1 – Temani Afif
14. Schrijf HTML, de HTML-manier (niet de XHTML-manier) — Jens Oliver Meiert
15. Een Whistle-Stop Tour van 4 nieuwe CSS-kleurfuncties — Chris Coyer
16. Coole zweefeffecten die achtergrondeigenschappen gebruiken – Temani Afif
17. Laten we een kleine programmeertaal maken – MD Shuvo
18. Coole CSS-hover-effecten die achtergrondknippen, maskers en 3D gebruiken – Temani Afif
19. Een perfecte inhoudsopgave met HTML + CSS —Nicholas C. Zakas
20. Op CSS gebaseerde vingerafdrukken — Chris Coyer

Alle posts die in 2022 zijn gepubliceerd, zijn goed 4.8m paginaweergaven, of ongeveer 7.8% van alle paginaweergaven. Ons meest bekeken artikel is altijd het oude Flexbox-gids die oogstte 5.8m bekeken dit jaar. Ik zou graag zien dat onze nieuwe inhoud dat ene item overtreft, en ik denk dat dat gemakkelijk zou zijn gebeurd als we het publicatietempo hadden volgehouden. Achterkant van de servet wiskunde hier, maar we hadden misschien ongeveer 67 miljoen paginaweergaven gehad als we 540 meer artikelen hadden gepubliceerd om het aantal gepubliceerde artikelen van vorig jaar te evenaren.

Als we een paar stappen terug doen, dan zien we de meest bekeken artikelen van het afgelopen jaar, ongeacht wanneer ze zijn gepubliceerd:

1. Een complete gids voor Flexbox
2. Een complete gids voor rasters
3. Perfecte volledige pagina-achtergrondafbeelding
4. De vormen van CSS
5. Mediaquery's voor standaardapparaten
6. SVG gebruiken
7. SVG schalen
8. CSS-driehoek
9. Verloopranden in CSS
10. Truncate String met ellips
11. Gebruiksaanwijzing @font-face bij CSS

Ja, bijna identiek aan vorig jaar. En het jaar ervoor. En het jaar ervoor. En... nou ja, bijna. "Gradient Borders in CSS" is nieuw, tegen het box-shadow onroerend goed van de lijst. Al het andere vanaf de vierde plaats verwisselde slechts van plaats.

Over de eigendommen in de Almanak gesproken, ik wil zien waar jullie het afgelopen jaar het meest naar hebben verwezen:

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

Eén pseudo bovenaan en daarna alleen maar eigenschappen. Interessant, gezien het feit dat relationele pseudo-selector werkt als :has(), :is() en :where() zijn nieuwe kinderen in de buurt.

Nieuwsbrief

De cijfers zijn hier veel te rommelig om verhelderende conclusies te trekken. Nadat we naar DigitalOcean waren overgestapt, moesten we onze lijst met meer dan 91 abonnees schrappen voor nalevingsdoeleinden en het aantal kelderde als gevolg daarvan. Als je van de lijst bent geschrapt, je kunt je hier opnieuw inschrijven.

Het goede nieuws? We zijn nog bezig met de nieuwsbrief! Wij eigenlijk heb hem in augustus weer opgestart na een onderbreking van vijf maanden. We hadden een wekelijkse cadans, maar zijn nu eenmaal per maand terwijl ondergetekende het schrijft. Ik hoop het zeker terug te brengen tot een wekelijkse publicatie. (Ik mis je Robin!)

Site-updates

Het ging vooral om het schip drijvend te houden, als ik eerlijk ben. Afgezien van enkele kleine aanpassingen en onderhoud, is de site ongeveer waar hij vorig jaar rond deze tijd was.

Dat gaat in 2023 flink veranderen. Als je ons maandblad hebt bijgehouden Achter de CSScenes updates, dan weet je dat we van plan zijn om CSS-Tricks van WordPress te migreren naar hetzelfde homespun CMS dat DigitalOcean gebruikt voor al zijn (geweldige) gemeenschap inhoud.

Dat werk is een paar maanden geleden van start gegaan en zou in de eerste helft van het jaar klaar moeten zijn. U kunt er zeker van zijn dat we u gaandeweg op de hoogte houden. Naast een fris ontwerp en een nieuwe back-end, zou het business as usual moeten zijn. Als je vragen hebt over dat werk en wat het betekent voor je favoriete front-end publicatie, neem dan contact met me op in de reacties or schiet me een e-mail.

Als je het nog niet hebt gezien, zijn hier een paar composities die onze ontwerper, Logan Liffick, heeft samengesteld:

Doeloverzicht 2021

Oy, ik aarzel om zelfs maar te kijken. Alle moeite die het kostte om met DigitalOcean te integreren en een nieuw ritme te vinden, domineerde ieders tijd, waardoor er weinig overbleef om de doelen van Chris te doorbreken, namelijk:

• ✅ Meer SEO-focus. Ik geef ons hier een voldoende. De waarheid is dat Chris en ik ons ​​hier al voor de overname op de hielen zaten. We hebben de Yoast SEO-plug-in vervangen door RankMath, gebruikmakend van de in-editor-tools om ons te helpen leren hoe we onze berichten kunnen optimaliseren voor zoekresultaten. En voor de duidelijkheid: het gaat er niet om meer verkeer te genereren voor meer sponsorinkomsten, maar om te erkennen dat zoeken de belangrijkste manier is waarop lezers zoals u ons vinden, en om het u gemakkelijker te maken om te vinden waarnaar u op zoek bent. Dat geldt vooral nu we worden ondersteund door DigitalOcean en veel minder afhankelijk zijn van sponsoring dan vroeger.
• 🚫 Weer een digitaal boek. Schommel en mis! Nou, we zwaaiden eigenlijk nooit, of stapten trouwens in het slagperk. (Is dit hoe sportanalogieën werken?) Chris heeft er een boek over gepubliceerd De beste CSS-trucs in 2020 en maakte het tot een voordeel om een ​​betaalde CSS-Tricks-abonnee te zijn. Het idee was om er dit jaar nog een te doen, maar we hebben de betaalde abonnementen afgeschaft en The Greatest CSS Tricks voor iedereen gratis geopend.
• ???? Meer experimenteren met sociale media. Nee! Maar dat is misschien wel het beste, als je bedenkt waar Twitter zich op dit moment bevindt. Misschien worden we volgend jaar gedwongen om op dit gebied te experimenteren, meer uit noodzaak dan uit interesse. Twitter is altijd een infuus geweest in de spreekwoordelijke emmer met CSS-Tricks-verkeer; zozeer zelfs dat erin investeren voelt alsof we onze eieren in de verkeerde mand leggen, eh emmer. Ik weet het niet. Een deel van mij wil gewoon op mijn handen zitten en zien hoe de dingen uit elkaar vallen voordat ik iets nieuws of anders besluit.

Doelstelling voor 2023

Nieuw jaar, nieuwe doelen, toch? Sta me toe een aantal woorden in de mond van het team te leggen en te projecteren wat volgens mij topprioriteiten zijn voor ons op weg naar 2023:

• Een soepele sitemigratie. Niets zou me gelukkiger maken¹ dan een probleemloze overstap naar de architectuur van DigitalOcean. Maar kom op, we weten het allemaal iets komt altijd op als het tijd is om te gaan. Deze site heeft meer dan 7,000 artikelen die in 15 jaar zijn geschreven, en er zijn er 1 geweest9 versies van de site in die tijdspanne. Er zijn zoveel aangepaste berichttypen, aangepaste velden, paginasjablonen, functionaliteitsplug-ins, integraties en een database van meer dan 6 GB om te verplaatsen en toe te wijzen aan een bestaand systeem. Maar goed dat we hier een team van eersteklas ontwikkelaars hebben om het aan te pakken!
• Publiceer 1-2 nieuwe handleidingen. Ik zou eigenlijk graag hoger willen mikken. We gingen van negen nieuwe gidsen in 2020 naar een schamele nieuwe gids in 2021, en het afgelopen jaar nog een: Miriam's Volledige gids voor trapsgewijze CSS-lagen. Ik heb een lijst van 10 andere die ik graag zou willen schrijven, maar ik denk dat we de lat super laag zullen leggen gezien onze recente staat van dienst. Ik heb eerder gezegd dat ik graag het werk van Mojtaba in de Almanak zou opnemen in de bestaande CSS Grid-gids. Dat is geen geringe hoeveelheid werk en ik zou het meetellen voor het doel als we het voor elkaar kunnen krijgen.
• Vouw de Almanak uit. Dit is mijn moonshot. Ik zou daar graag meer soorten documentatie in zien. We hebben pseudo-kiezers en eigenschappen, wat geweldig is en altijd is geweest. Maar, jeetje, denk eens aan alle andere dingen die we daar zouden kunnen hebben: functies, at-regels, eenheden, selectors, eigenschapswaarden, enz. We krassen alleen maar aan de oppervlakte van wat er mogelijk in zou kunnen gaan! Als we er ook maar één krijgen, doe ik mee place-self: heaven.

Dank je zo, zo, so veel!

Dit is mijn droombaan en ik zou hem niet hebben zonder lezers zoals jij. Ik kan niet geloven dat het acht jaar geleden is dat mijn allereerste artikel werd gepubliceerd en dat ik er nog steeds ben, werken met leren van de knapste koppen in ons vakgebied. Ik zou kunnen dwalen (meer dan ik al heb gedaan) over hoeveel de CSS-Tricks-gemeenschap voor mij betekent, maar waar het echt op neerkomt is... bedankt, bedankt, dank je. Vanuit de grond van mijn hart, dank je.

En dank aan alle fijne mensen hier bij DigitalOcean die een geweldige thuisbasis hebben gemaakt voor CSS-Tricks. Extra speciale high-fives voor Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick en Kirstyn Kellogg omdat ze me persoonlijk op de hoogte hebben gebracht en me hier zo welkom hebben laten voelen. Het is een geweldige plek om te zijn.

Vooruit, we gaan!