Takk (2022-utgaven)

Du vet, dette er tiden på året hvor Chris vanligvis publiserer en stor refleksjon av det siste året. De første ble publisert i 2007, samme år som CSS-Tricks begynte, og det fortsatte hele veien gjennom 2021 uten å gå glipp av et slag. Etter å ha vært en CSS-Tricks-leser selv i alle disse årene, ville jeg hate å se den endringen.

Så, her er vi! 2022 var sikkert et kjempeår når det gjelder overgangen. På denne tiden i fjor så vi fremover på noen mål for det kommende året (som vi kommer til), men endte opp med å bli med i DigitalOcean. Det var en enorm havforandring (ordspill ment), og likevel ble du med oss ​​hele veien. Det betyr virkelig mye for meg at så mange av dere kommer hit for å lese de tingene jeg og en rekke andre gjesteskribenter publiserer her. Det er bare ikke et fellesskap (eller noe moro) uten dere.

Takk skal du ha!

Dette er det siste innlegget vi publiserer i år når vi henger opp Gone Fishin'-skiltet for høytiden. Vi kommer tilbake januar 9 med en mengde innhold som er fersk fra ovnen.

OK, det er her vi begynner å grave i nettstedets analyser. Det er noe vi alltid har vært åpen om og vil fortsette å gjøre. Det er ikke slik at tallene våre er i en svart boks, og håpet er at det å dele dem på en eller annen måte hjelper deg og din bedrift.

Samlet trafikk

Totalt sett viser Google Analytics totalt 64m sidevisninger for hele året. Det er wayyyyy ned fra fjorårets 88m, noe som er alarmerende ved første øyekast. Jeg mener, hvem vil se en 27% fall i trafikken fra år til år?

Men det er god grunn til det fordi vi publiserte en wayyyy mindre innhold i år. Vi vet alle at Chris var en produktiv forfatter (og er fremdeles, selvfølgelig), spytter ofte ut flere innlegg om dagen. Det er liksom som om vi mistet vår mest produktive bidragsyter for det meste av året. La oss sammenligne publiseringsaktiviteten de siste årene:

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

En nedgang på 27 % i sidevisninger er mye mindre bekymrende med tanke på at vi publiserte 43% færre artikler enn i fjor, og en hel del 67% færre enn totalt sett i 2020.

Hmm, jeg føler ikke at jeg jobber 67 % mindre...

Og alt dette kommer med forbeholdet om at dette er akkurat det vi får fra Google Analytics. De siste årene har Chris sammenlignet disse tallene med statistikk fra CloudFlare (CDN-laget som sitter på toppen av nettstedet) og jetpack (plugin-modulen som kobler vår selvdrevne WordPress-side til WordPress.coms SaaS-y-funksjoner). Resultatene er alltid konsekvent inkonsekvente i den grad at jeg ikke engang gidder å se denne gangen. (Ok, greit, kanskje bare Jetpack ... som viser 59.9 millioner sidevisninger – merkelig nok mer enn 2021s 55 meter totalt.)

Artikler, etter tallene

Dette er det jeg alltid ser frem til hvert år! Her er de ti beste artiklene i 2022 ble publisert i 2022:

1. 6 kreative ideer for CSS Link Hover Effects — Harshil Patel
2. Forklar de første 10 linjene med Twitters kildekode for meg — Anand Chowdhary
3. Hva var de hotteste front-end-verktøyene i 2021? – Louis Lazaris
4. Erstatt JavaScript-dialoger med det nye HTML-dialogelementet — Mads Stoumann
5. Si hei til select-menyen, et helt stilbart utvalgt element — Patrick Brosset
6. Send pålitelig en HTTP-forespørsel når en bruker forlater en side – Alex MacArthur
7. grid-template-columns — Mojtaba Seyedi
8. En komplett guide til CSS Cascade Layers - Miriam Suzanne
9. CSS-databasespørsmål? Så klart vi kan! – Chris Coyier
10. CSS-Tricks blir med i DigitalOcean! – Chris Coyier

Jeg er faktisk overrasket over at den siste ikke var høyere på listen. Og jeg er veldig glad for å se en fra Alamanac der inne, spesielt fordi Mojtaba brøt bort kl. alle CSS Grid-egenskapene i løpet av det siste halvannet året, og han slo den helt ut av ballparken. Jeg trodde jeg hadde god kontroll på rutenettet før jeg begynte å lese alle gullklumpene han pakket inn i hver eiendom. Det er så mye å lære der inne, og Mojtaba har en evne til å tydelig forklare kompliserte ting. Jeg håper å oppdatere CSS Grid guide med all den ferske informasjonen (men mer om det om litt).

Jeg elsker å se CSS Cascade Layers-guiden der også! Jeg hadde det så gøy å jobbe med Miriam på det. Hvis du ikke visste det, hun er redaktør for spesifikasjonen. Det er en godbit (og ære, virkelig) å være vert for arbeidet hennes her og gjøre det tilgjengelig for oss alle å bokmerke og referere til.

Her er 11-20 for spark:

11. Animasjon med grunnleggende JavaScript – Md Shuvo
12. Flutter for front-end webutviklere — Obumuneme Nwabude
13. CSS-rutenett og tilpassede former, del 1 — Temani Afif
14. Skriv HTML, HTML-måten (ikke XHTML-måten) — Jens Oliver Meiert
15. En Whistle-Stop-tur med 4 nye CSS-fargefunksjoner – Chris Coyier
16. Kule sveveeffekter som bruker bakgrunnsegenskaper — Temani Afif
17. La oss lage et lite programmeringsspråk – Md Shuvo
18. Kule CSS-hovereffekter som bruker bakgrunnsklipp, masker og 3D — Temani Afif
19. En perfekt innholdsfortegnelse med HTML + CSS — Nicholas C. Zakas
20. CSS-basert fingeravtrykk – Chris Coyier

Alle innlegg som ble publisert i 2022 utgjør 4.8m sidevisninger, eller ca 7.8% av alle sidevisninger. Vår mest viste artikkel er alltid den gamle Flexbox guide som høstet 5.8m visninger i år. Jeg vil gjerne se det nye innholdet vårt overgå det ene elementet, og jeg tror det lett ville ha skjedd hvis vi hadde holdt oppe publiseringstempoet. Baksiden av servietten matematikk her, men vi kan ha vært rundt 67 millioner sidevisninger hvis vi hadde publisert 540 flere artikler for å matche fjorårets antall publiserte artikler.

Hvis vi tar noen skritt tilbake, kan vi se de mest sette artiklene fra det siste året, uavhengig av når de ble publisert:

1. En komplett guide til Flexbox
2. En komplett guide til rutenett
3. Perfekt fullsidebakgrunnsbilde
4. Formene til CSS
5. Medieforespørsler for standardenheter
6. Bruker SVG
7. Slik skalerer du SVG
8. CSS-trekant
9. Gradient Borders i CSS
10. Kutt av streng med Ellipsis
11. Bruksanvisning @font-face i CSS

Ja, nesten identisk med fjoråret. Og året før. Og året før. Og ... vel, nesten. "Gradient Borders in CSS" er nytt og støter mot box-shadow eiendom utenfor listen. Alt annet fra de fire plassene byttet bare plass.

Når vi snakker om eiendommene i almanakken, vil jeg se hva dere refererte mest til det siste året:

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

En pseudo på toppen og ingenting annet enn egenskaper etter det. Interessant, gitt at relasjonell pseudovelger fungerer som :has(), :is()og :where() er nye barn på blokka.

Nyhetsbrev

Tallene her er altfor rotete til å trekke noen innsiktsfulle konklusjoner. Etter å ha flyttet til DigitalOcean, måtte vi skrubbe listen over 91 XNUMX+ abonnenter for overholdelsesformål, og antallet falt som et resultat. Hvis du ble strøket fra listen, du kan abonnere på nytt her.

De gode nyhetene? Vi holder fortsatt på med nyhetsbrevet! Vi faktisk sparket den opp igjen i august etter fem måneders pause. Vi var på en ukentlig tråkkfrekvens, men er en gang i måneden nå mens din virkelig skriver den. Jeg håper å støte det tilbake til en ukentlig publikasjon. (Jeg savner deg, Robin!)

Nettstedoppdateringer

Det har handlet mest om å holde skipet flytende, hvis jeg skal være ærlig. Bortsett fra noen mindre justeringer og vedlikehold, er nettstedet stort sett der det var på denne tiden i fjor.

Det vil endre seg stort i 2023. Hvis du har fulgt med på vår månedlige Bak CSS-scenene oppdateringer, så vet du at vi planlegger å migrere CSS-triks fra WordPress til det samme hjemmespunne CMS som DigitalOcean bruker for alle sine (stjerne) fellesskapsinnhold.

Dette arbeidet startet for et par måneder siden og bør gjøres i løpet av første halvår. Du kan satse på at vi holder deg oppdatert underveis. Foruten en frisk design og en ny back-end, bør det være business as usual. Hvis du har spørsmål om det arbeidet og hva det betyr for din favorittfrontpublikasjon, vennligst kontakt meg i kommentarene or send meg en e-post.

Hvis du ikke har sett den ennå, her er noen komposisjoner som designeren vår, Logan Liffick, har satt sammen:

2021 mål gjennomgang

Oi, jeg er nølende med å se. All innsatsen som kreves for å integrere med DigitalOcean og finne en ny rytme dominerte alles tid, noe som ga dyrebart lite å ta knekken på Chris mål, som var:

• ✅ Mer SEO-fokus. Jeg gir oss en bestått karakter her. Sannheten er at Chris og jeg allerede gravde oss inn i dette før oppkjøpet. Vi erstattet Yoast SEO-plugin med RankMath, og utnyttet verktøyene i redigeringsprogrammet for å hjelpe oss å lære hvordan vi kan optimalisere innleggene våre for søkeresultater. Og for å være klar: det handler mindre om å øke trafikken for mer sponsorinntekter enn det er å erkjenne at søk er den primære måten lesere som deg finner oss på, og gjør det lettere for deg å finne det du leter etter. Det gjelder spesielt nå som vi støttes av DigitalOcean og er avhengige av sponsing langt mindre enn vi pleide.
• 🚫 Nok en digital bok. Swing og en glipp! Vel, vi svingte aldri i utgangspunktet, eller gikk inn i boksen for den saks skyld. (Er det slik sportsanalogier fungerer?) Chris ga ut en bok om De største CSS-triksene i 2020 og gjorde det til en fordel ved å være en betalt CSS-Tricks-abonnent. Tanken var å gjøre et nytt i år, men vi ble kvitt de betalte abonnementene og åpnet The Greatest CSS Tricks for alle å glede seg over, gratis.
• 🚫 Mer eksperimentering på sosiale medier. Nei! Men det kan være det beste, med tanke på hvor Twitter befinner seg i dette sekundet. Vi kan bli tvunget til å eksperimentere på dette området neste år mer av nødvendighet enn av interesse. Twitter har alltid vært et drypp i den velkjente bøtten med CSS-Tricks-trafikk; så mye at det å investere i det føles som å legge eggene våre i feil kurv, eh bøtte. Jeg vet ikke. En del av meg vil bare sitte på hendene mine og se hvordan ting rister før jeg bestemmer meg for noe nytt eller annerledes.

2023 målsetting

Nytt år, nye mål, ikke sant? Tillat meg å legge en haug med ord i teamets munn og projisere det jeg føler er toppprioriteter for oss på vei inn i 2023:

• En jevn migrering av nettstedet. Ingenting ville gjort meg lykkeligere¹ enn en hikkefri overgang til DigitalOceans arkitektur. Men kom igjen, vi vet alle noe kommer alltid opp når det er på tide. Dette nettstedet har 7,000+ artikler som har blitt skrevet over 15 år, og det har vært 19 versjoner av nettstedet i det tidsrommet. Det er så mange tilpassede innleggstyper, tilpassede felt, sidemaler, funksjonalitetsplugins, integrasjoner og en database som er over 6 GB for å flytte over og tilordne et eksisterende system. Godt vi har et team av førsteklasses utviklere her for å ta det på seg!
• Publiser 1-2 nye guider. Jeg vil gjerne sikte høyere, faktisk. Vi gikk fra ni nye guider i 2020 til en ynkelig ny guide i 2021, og enda en det siste året: Miriams Komplett guide til CSS Cascade Layers. Jeg har en liste med 10 til som jeg gjerne vil skrive, men tror vi vil sette baren superlavt gitt vår nylige merittrekord. Jeg nevnte tidligere at jeg gjerne vil inkludere Mojtabas arbeid i almanakken i den eksisterende CSS Grid-guiden. Det er ingen liten mengde arbeid, og jeg vil telle det mot målet hvis vi klarer det.
• Utvid almanakken. Dette er mitt månebilde. Jeg vil gjerne se flere typer dokumentasjon der. Vi har pseudovelgere og egenskaper, noe som er flott og alltid har vært det. Men, jøss, tenk på alle de andre tingene vi kunne ha der inne: funksjoner, at-regler, enheter, velgere, eiendomsverdier osv. Vi skraper bare i overflaten av det som muligens kan gå inn der! Hvis vi får en av dem, ville jeg vært med place-self: heaven.

Takk så, så, so mye!

Dette er drømmejobben min, og jeg ville ikke hatt den uten lesere som deg. Jeg kan ikke tro at det er åtte år siden min aller første artikkel ble publisert og at jeg fortsatt er her, jobber med lære av de flinkeste hodene i vårt felt. Jeg kunne tulle (mer enn jeg allerede har) om hvor mye CSS-Tricks-fellesskapet betyr for meg, men det det egentlig kommer ned på er... takk, takk, takk. Fra bunnen av hjertet mitt, takk.

Og takk til alle de fine folkene her på DigitalOcean som har laget et flott hjem for CSS-Tricks. Ekstra spesielle high-fives til Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick og Kirstyn Kellogg for å få meg personlig opp i fart og få meg til å føle meg så velkommen her. Det er et flott sted å være.

Fremover, vi går!