Du vet, det här är den tid på året då Chris normalt publicerar en stor reflektion av det gångna året. De den första publicerades 2007, samma år som CSS-Tricks började, och det fortsatte hela vägen till 2021 utan att missa ett slag. Efter att ha varit en CSS-Tricks-läsare själv under alla dessa år, skulle jag hata att se den förändringen.
Så, här är vi! 2022 var säkert ett jäkla år när det gäller övergången. Vid den här tiden förra året tittade vi framåt på några mål för det kommande året (som vi kommer till) men slutade med att gå med i DigitalOcean. Det var en enorm havsförändring (pun intended) och ändå höll du med oss hela vägen. Det betyder verkligen mycket för mig att så många av er kommer hit för att läsa det som jag och en massa andra gästskribenter publicerar här. Det är bara inte en gemenskap (eller något roligt) utan er.
Tack!
Det här är det sista inlägget vi publicerar i år när vi hänger upp vår Gone Fishin'-skylt för semestern. Vi kommer tillbaka januari 9 med en mängd innehåll som är färskt från ugnen.
OK, det är här vi börjar gräva i webbplatsens analyser. Det är något vi alltid har varit transparenta med och kommer att fortsätta att göra. Det är inte som att våra siffror finns i en svart låda som är förbjuden, och förhoppningen är att dela dem på något sätt hjälper dig och ditt företag.
Total trafik
Sammantaget visar Google Analytics totalt Ner till 64m sidvisningar för hela året. Det är wayyyyy ner från förra årets 88m, vilket är alarmerande vid första anblicken. Jag menar, vem vill se en 27% minskad trafik från år till år?
Men det finns goda skäl till det eftersom vi publicerade en wayyyy mindre innehåll i år. Vi vet alla att Chris var en produktiv författare (och är fortfarande, naturligtvis), spottar ofta ut flera inlägg om dagen. Det är typ som att vi förlorat vår mest produktiva bidragsgivare under större delen av året. Låt oss jämföra publiceringsaktiviteten för de senaste åren:
- 2020: 1,183 artiklarna
- 2021: 890 artiklarna
- 2022: 390 artiklarna
En minskning med 27 % i sidvisningar är mycket mindre oroande med tanke på att vi publicerade 43% färre artiklar än förra året och en hel del 67% färre än totalt 2020.
Hmm, jag känner inte att jag jobbar 67 % mindre...
Och allt detta kommer med varningen att detta är precis vad vi får från Google Analytics. Under de senaste åren har Chris jämfört dessa siffror med statistik från CloudFlare (CDN-lagret som sitter ovanpå webbplatsen) och jetpack (pluginet som ansluter vår WordPress-webbplats som är värd för WordPress.coms SaaS-y-funktioner). Resultaten är alltid konsekvent inkonsekventa till den grad att jag inte ens bryr mig om att titta den här gången. (Okej, okej, kanske bara Jetpack... som visar 59.9 miljoner sidvisningar – konstigt nog mer än 2021:s totala 55m.)
Artiklar, efter siffror
Det här ser jag alltid fram emot varje år! Här är de tio bästa artiklarna 2022 som publicerades 2022:
- 6 kreativa idéer för CSS Link Hover Effects — Harshil Patel
- Förklara de första 10 raderna av Twitters källkod för mig — Anand Chowdhary
- Vilka var de hetaste front-end-verktygen 2021? — Louis Lazaris
- Ersätt JavaScript-dialoger med det nya HTML-dialogelementet — Mads Stoumann
- Säg hej till selectmeny, ett helt Style-kapabelt utvalt element — Patrick Brosset
- Skicka tillförlitligt en HTTP-förfrågan när en användare lämnar en sida — Alex MacArthur
grid-template-columns— Mojtaba Seyedi- En komplett guide till CSS Cascade Layers — Miriam Suzanne
- CSS-databasfrågor? Säker på att vi kan! – Chris Coyier
- CSS-Tricks går med i DigitalOcean! – Chris Coyier
Jag är faktiskt förvånad över att den sista inte var högre på listan. Och jag är verkligen peppad över att se en från Alamanac där inne, speciellt för att Mojtaba slängde iväg kl. alla CSS Grid-egenskaper under det senaste och ett halvt år och han slog det långt ur bollplanet. Jag trodde att jag hade bra koll på rutnätet tills jag började läsa alla guldkorn som han packade in i varje fastighet. Det finns så mycket att lära där och Mojtaba har en förmåga att tydligt förklara komplicerade saker. Jag hoppas kunna uppdatera CSS Grid guide med all den färska informationen (men mer om det om en stund).
Jag älskar att se CSS Cascade Layers-guiden där också! Jag hade så roligt att jobba med Miriam på det. Om du inte visste det, hon är redaktör för specen. Det är en njutning (och ära, verkligen) att vara värd för hennes arbete här och göra det tillgängligt för oss alla att bokmärka och referera.
Här är 11-20 för sparkar:
- Animation med grundläggande JavaScript – Md Shuvo
- Flutter för front-end webbutvecklare —Obumuneme Nwabude
- CSS-rutnät och anpassade former, del 1 — Temani Afif
- Skriv HTML, HTML Way (Inte XHTML Way) — Jens Oliver Meiert
- En Whistle-Stop-tur med 4 nya CSS-färgfunktioner – Chris Coyier
- Coola svävningseffekter som använder bakgrundsegenskaper — Temani Afif
- Låt oss skapa ett litet programmeringsspråk — Md Shuvo
- Coola CSS-hovringseffekter som använder bakgrundsklippning, masker och 3D — Temani Afif
- En perfekt innehållsförteckning med HTML + CSS — Nicholas C. Zakas
- CSS-baserad fingeravtryck – Chris Coyier
Alla inlägg som publicerades 2022 utgör Ner till 4.8m sidvisningar eller om 7.8% av alla sidvisningar. Vår mest sedda artikel är alltid den gamla Flexbox guide som fick Ner till 5.8m visningar i år. Jag skulle älska att se vårt nya innehåll överträffa det ena objektet, och jag tror att det lätt hade hänt om vi hade hållit uppe i publiceringstakten. Tillbaka till servetten matematik här, men vi kan ha varit runt 67 miljoner sidvisningar om vi hade publicerat 540 fler artiklar för att matcha förra årets antal publicerade artiklar.
Om vi tar några steg tillbaka kan vi se de mest sedda artiklarna från det senaste året, oavsett när de publicerades:
- En komplett guide till Flexbox
- En komplett guide till Grid
- Perfekt helsida bakgrundsbild
- Formerna av CSS
- Mediafrågor för standardenheter
- Använder SVG
- Hur man skalar SVG
- CSS-triangel
- Gradientgränser i CSS
- Trunkerat sträng med Ellipsis
- Användning
@font-facei CSS
Japp, nästan identisk med förra året. Och året innan. Och året innan. Och... ja, nästan. "Gradient Borders i CSS" är nytt och stöter på box-shadow egendom från listan. Allt annat från de fyra på plats bytte bara plats.
På tal om fastigheterna i almanackan, jag vill se vad ni refererade mest till det senaste året:
::after/::beforetransitionbox-shadowscrollbarjustify-contentflex-wrapgapoverflow-wrapanimationwhite-space
En pseudo överst och inget annat än egenskaper efter det. Intressant, med tanke på att relationell pseudoväljare fungerar som :has(), :is()och :where() är nya barn på blocket.
Nyhetsbrev
Siffrorna här är alldeles för röriga för att dra några insiktsfulla slutsatser. Efter att ha flyttat till DigitalOcean var vi tvungna att skrubba vår lista över 91 XNUMX+ prenumeranter för efterlevnadsändamål och antalet sjönk som ett resultat. Om du togs bort från listan, du kan prenumerera på nytt här.
De goda nyheterna? Vi håller fortfarande på med nyhetsbrevet! Vi faktiskt startade upp den igen i augusti efter fem månaders uppehåll. Vi var på en veckovis kadens, men är en gång i månaden nu medan din verkligen skriver det. Jag hoppas verkligen att det kommer tillbaka till en veckopublikation. (Jag saknar dig, Robin!)
Webbuppdateringar
Det har mest handlat om att hålla fartyget flytande, om jag ska vara ärlig. Bortsett från några mindre justeringar och underhåll, är webbplatsen i stort sett där den var vid den här tiden förra året.
Det kommer att förändras stort under 2023. Om du har följt vår månadsbok Bakom CSS-scenerna uppdateringar, då vet du att vi planerar att migrera CSS-tricks från WordPress till samma hemspunnen CMS som DigitalOcean använder för alla sina (stjärniga) gemenskapsinnehåll.
Det arbetet startade för ett par månader sedan och bör vara klart under första halvåret. Du kan slå vad om att vi kommer att hålla dig uppdaterad längs vägen. Förutom en färsk design och en ny back-end, bör det vara business as usual. Om du har några frågor om det arbetet och vad det betyder för din favoritpublikation, vänligen kontakta mig i kommentarerna or skicka mig ett mail.
Om du inte har sett den än, här är några komp som vår designer, Logan Liffick, satt ihop:
2021 målgranskning
Oj, jag är tveksam till att ens titta. All ansträngning som krävs för att integrera med DigitalOcean och hitta en ny rytm dominerade allas tid och lämnade mycket lite kvar att ta tag i Chris mål, som var:
- ✅ Mer SEO-fokus. Jag ger oss ett godkänt betyg här. Sanningen är att Chris och jag redan grävde i det här innan förvärvet. Vi ersatte Yoast SEO-plugin med RankMath och utnyttjade dess in-editor-verktyg för att hjälpa oss lära oss hur vi optimerar våra inlägg för sökresultat. Och för att vara tydlig: det handlar mindre om att öka trafiken för mer sponsringsintäkter än att inse att sökning är det primära sättet för läsare som du att hitta oss, och att göra det lättare för dig att hitta det du letar efter. Det är särskilt sant nu när vi stöds av DigitalOcean och är mycket mindre beroende av sponsring än vi brukade.
- 🚫 Ännu en digital bok. Swing och en fröken! Nåväl, vi svängde faktiskt aldrig i första taget, eller klev in i smeten för den delen. (Är det så här sportanaloger fungerar?) Chris publicerade en bok om De bästa CSS-tricken 2020 och gjorde det till en förmån att vara en betald CSS-Tricks-prenumerant. Tanken var att göra en till i år, men vi blev av med de betalda prenumerationerna och öppnade The Greatest CSS Tricks för alla att njuta av, utan kostnad.
- ???? Mer experimenterande på sociala medier. Nej! Men det kan vara det bästa, med tanke på var Twitter är just nu. Vi kan bli tvungna att experimentera på detta område nästa år mer av nödvändighet än av intresse. Twitter har alltid varit ett dropp i den ökända hinken av CSS-Tricks-trafik; så mycket att det känns som att lägga våra ägg i fel korg, eh hink. Jag vet inte. En del av mig vill bara sitta på mina händer och se hur saker skakar ut innan jag bestämmer mig för något nytt eller annorlunda.
2023 målsättning
Nytt år, nya mål, eller hur? Tillåt mig att lägga ett gäng ord i lagets mun och projicera vad jag känner är högsta prioritet för oss på väg in i 2023:
- En smidig webbplatsmigrering. Ingenting skulle göra mig lyckligare1 än en hickafri övergång till DigitalOceans arkitektur. Men kom igen, vi vet alla något kommer alltid upp när det är dags. Den här webbplatsen har 7,000 15+ artiklar som har skrivits under 1 år, och det har funnits XNUMX9 versioner av webbplatsen under den tidsperioden. Det finns så många anpassade inläggstyper, anpassade fält, sidmallar, funktionalitetsplugins, integrationer och en databas som är över 6 GB att flytta över och mappa till ett befintligt system. Tur att vi har ett team av förstklassiga utvecklare här för att ta sig an det!
- Publicera 1-2 nya guider. Jag skulle verkligen vilja sikta högre. Vi gick från nio nya guider 2020 till en ynka en ny guide 2021, och ytterligare en det senaste året: Miriams Komplett guide till CSS Cascade Layers. Jag har en lista med 10 till som jag skulle älska att skriva, men tror att vi kommer att sätta ribban superlågt med tanke på vårt senaste meritlista. Jag nämnde tidigare att jag skulle älska att införliva Mojtabas arbete i almanackan i den befintliga CSS Grid-guiden. Det är ingen liten mängd arbete och jag skulle räkna det mot målet om vi kan klara det.
- Expandera almanackan. Det här är min moonshot. Jag skulle gärna se fler typer av dokumentation där. Vi har pseudo-väljare och egenskaper, vilket är jättebra och alltid har varit det. Men, jösses, tänk på alla andra saker vi kan ha där inne: funktioner, at-regler, enheter, väljare, fastighetsvärden, etc. Vi skrapar bara på ytan av vad som kan tänkas gå in där! Om vi får en av dem, skulle jag vara med
place-self: heaven.
Tack så, så, so mycket!
Det här är mitt drömjobb och jag skulle inte ha det utan läsare som dig. Jag kan inte fatta att det har gått åtta år sedan min allra första artikel publicerades och att jag fortfarande är här, arbetar med lära av de smartaste hjärnorna inom vårt område. Jag skulle kunna tjata (mer än jag redan har) om hur mycket CSS-Tricks-communityt betyder för mig, men vad det egentligen handlar om är... tack, tack, tack. Från djupet av mitt hjärta, tack.
Och tack till alla fina människor här på DigitalOcean som har skapat ett bra hem för CSS-Tricks. Extra speciella high-fives till Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick och Kirstyn Kellogg för att de fick mig personligen att komma igång och få mig att känna mig så välkommen här. Det är en fantastisk plats att vara på.
Framåt, vi går!
