Aitäh (2022. aasta väljaanne)

Teate, see on aastaaeg, mil Chris avaldab tavaliselt möödunud aasta suure peegelpildi. The Esimene ilmus 2007. aastal, samal aastal algas CSS-Tricks ja see jätkus kuni 2021. aastani takti vahele jätmata. Olles ise kõik need aastad CSS-Tricksi lugeja olnud, ei tahaks seda muutust näha.

Niisiis, siin me oleme! 2022. aasta oli üleminekuperioodi osas kindel aasta. Eelmise aasta sel ajal vaatasime ette mõningaid tuleva aasta eesmärke (milleni me ka jõuame), kuid lõpetasime DigitalOceaniga liitumise. See oli tohutu meremuutus (sõnamäng) ja ometi jäite kogu tee meiega. See tähendab mulle tõesti palju, et nii paljud teist tulevad siia lugema asju, mida mina ja hulk teisi külaliskirjanikke siin avaldame. See pole lihtsalt kogukond (ega lõbus) ilma teieta.

Aitäh!

See on viimane postitus, mille sel aastal avaldame, kui riputame pühade puhul üles sildi Gone Fishin. Tuleme tagasi jaanuar 9 värskelt ahjust võetud sisuga.

OK, siit hakkame uurima saidi analüüsi. See on midagi, mille osas oleme alati olnud läbipaistvad ja teeme seda ka edaspidi. Pole nii, et meie numbrid on mingis piiramatus mustas kastis ja loodetavasti aitab nende jagamine kuidagi teid ja teie ettevõtet.

Üldine liiklus

Üldiselt näitab Google Analytics kokku 64m lehevaatamisi kogu aasta jooksul. See on wayyyyy alla eelmise aasta 88m, mis on esmapilgul murettekitav. Ma mõtlen, kes tahab näha a 27% liikluse vähenemine aasta-aastalt?

Kuid selleks on hea põhjus, sest avaldasime a wayyyyy sel aastal vähem sisu. Me kõik teame, et Chris oli viljakas kirjanik (ja ikka onloomulikult), sülitades sageli välja mitu postitust päevas. Tundub, et kaotasime suurema osa aastast oma kõige produktiivsema panustaja. Võrdleme viimaste aastate kirjastamistegevust:

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

Lehevaatamiste 27% langus on meie avaldamist arvestades palju vähem murettekitav 43% vähem artikleid kui eelmisel aastal ja tohutult 67% vähem kui 2020. aasta kogusumma.

Hmm, ma ei tunne, et töötan 67% vähem...

Ja see kõik tuleb koos hoiatusega, et see on just see, mida me Google Analyticsist saame. Viimastel aastatel on Chris neid numbreid võrrelnud statistikaga CloudFlare (CDN-i kiht, mis asub saidi peal) ja jetpack (pistikprogramm, mis ühendab meie isehostitud WordPressi saidi WordPress.com-i SaaS-y funktsioonidega). Tulemused on alati niivõrd ebajärjekindlad, et ma ei viitsi seekord isegi vaadata. (Olgu, olgu, võib-olla ainult Jetpack… mis näitab 59.9 miljonit lehevaatamist – kummalisel kombel rohkem kui 2021. aasta 55 miljonit kokku.)

Artiklid numbrite järgi

See on see, mida ma alati igal aastal ootan! Siin on 2022. aasta kümme parimat artiklit avaldati 2022. aastal:

1. 6 loomingulist ideed CSS-i lingi hõljumise efektide jaoks - Harshil Patel
2. Selgitage mulle Twitteri lähtekoodi 10 esimest rida - Anand Chowdhary
3. Millised olid 2021. aasta kuumimad esiotsa tööriistad? - Louis Lazaris
4. Asendage JavaScripti dialoogid uue HTML-i dialoogielemendiga — Mads Stoumann
5. Öelge tere valikmenüüle, mis on täielikult kujundatav valikelement - Patrick Brosset
6. Saatke usaldusväärselt HTTP-päring, kui kasutaja lehelt lahkub - Alex MacArthur
7. grid-template-columns - Mojtaba Seyedi
8. CSS-i kaskaadikihtide täielik juhend - Miriam Suzanne
9. CSS-i andmebaasipäringud? Muidugi saame! - Chris Coyier
10. CSS-Tricks liitub DigitalOceaniga! - Chris Coyier

Ma olen tegelikult üllatunud, et viimane ei olnud nimekirjas kõrgem. Ja ma olen väga üllatunud, et näen seal üht Alamanacist, eriti kuna Mojtaba purustas kõik CSS Grid omadused viimase pooleteise aasta jooksul ja ta lõi selle palliplatsilt välja. Arvasin, et saan ruudustikuga hästi hakkama, kuni hakkasin lugema kõiki kullatükke, mille ta igasse kinnisvarasse pakkis. Seal on nii palju õppida ja Mojtabal on oskus keerulisi asju selgelt selgitada. Loodan värskendada CSS-võrgu juhend kogu selle värske teabega (aga sellest veidi pikemalt).

Mulle meeldib seal näha ka CSS-i kaskaadikihtide juhendit! Mul oli väga lõbus Miriamiga selle kallal töötada. Kui sa seda ei teadnud, ta on spetsifikatsiooni toimetaja. Tema tööd siin võõrustada ja meile kõigile järjehoidjate lisamiseks ja viitamiseks kättesaadavaks teha on tore (ja tõesti au).

Siin on löökide arv 11-20:

11. Animatsioon põhilise JavaScriptiga — Härra Shuvo
12. Flutter esiotsa veebiarendajatele —Obumuneme Nwabude
13. CSS-võrk ja kohandatud kujundid, 1. osa — Temani Afif
14. Kirjutage HTML, HTML-i viis (mitte XHTML-viis) - Jens Oliver Meiert
15. Nelja uue CSS-i värvifunktsiooni vilepeatus - Chris Coyier
16. Lahedad hõljukefektid, mis kasutavad taustaomadusi — Temani Afif
17. Loome väikese programmeerimiskeele — Härra Shuvo
18. Lahedad CSS-i hõljukefektid, mis kasutavad taustalõikamist, maske ja 3D-d — Temani Afif
19. Täiuslik sisukord HTML + CSS-iga — Nicholas C. Zakas
20. CSS-põhine sõrmejälgede võtmine - Chris Coyier

Kõik 2022. aastal avaldatud postitused moodustavad 4.8m lehevaatamised või umbes 7.8% kõigist lehevaatamistest. Meie enimvaadatud artikkel on alati vana Flexboxi juhend mis kogus 5.8m vaatamisi sel aastal. Mulle meeldiks, kui meie uus sisu ületaks selle ühe üksuse, ja ma usun, et see oleks hõlpsasti juhtunud, kui oleksime avaldamise tempot hoidnud. Salvrätikute matemaatika siin, kuid oleksime võinud olla umbes 67 miljonit lehevaatamist, kui oleksime avaldanud veel 540 artiklit, mis vastaksid eelmise aasta avaldatud artiklite arvule.

Kui astume paar sammu tagasi, siis näeme möödunud aasta enimvaadatud artikleid, olenemata nende avaldamisajast:

1. Flexboxi täielik juhend
2. Gridi täielik juhend
3. Täiuslik kogu lehe taustapilt
4. CSS-i kujundid
5. Meediumipäringud standardseadmetele
6. SVG kasutamine
7. Kuidas SVG-d skaleerida
8. CSS-i kolmnurk
9. Gradiendi piirid CSS-is
10. Lõika string ellipsiga
11. Kuidas kasutada @font-face CSS-is

Jah, peaaegu identne eelmisel aastal. Ja aasta varem. Ja aasta varem. Ja... noh, peaaegu. „CSS-i gradientpiirid” on uus, mis häirib box-shadow vara nimekirjast välja. Kõik muu neljast kohast lihtsalt vahetatud kohtadega.

Almanahhi omadustest rääkides tahan näha, millele te eelmisel aastal kõige rohkem viitasite:

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

Üleval üks pseudo ja peale seda ei midagi muud kui omadused. Huvitav, arvestades, et relatsiooniline pseudovalija toimib nagu :has(), :is()ja :where() on uued lapsed blokis.

Uudiskiri

Siin esitatud numbrid on liiga räpased, et teha põhjalikke järeldusi. Pärast DigitalOceani kolimist pidime oma 91 XNUMX+ abonendi loendit järgima ja selle tulemusena vähenes see arv järsult. Kui teid loendist välja langes, saate uuesti tellida siin.

Hea uudis? Teeme endiselt uudiskirja! Meie tegelikult käivitas selle augustis uuesti pärast viiekuulist pausi. Meil oli iganädalane kadents, kuid nüüd on see kord kuus, samal ajal kui teie oma seda tõesti koostab. Loodan kindlasti selle iganädalasesse väljaandesse tagasi tuua. (Ma igatsen sind, Robin!)

Saidi värskendused

See on olnud peamiselt laeva vee peal hoidmine, kui ma aus olen. Peale mõningate väiksemate muudatuste ja hoolduse on sait enam-vähem sama, kus ta oli eelmisel aastal.

See muutub 2023. aastal oluliselt. Kui olete meie igakuistega kursis olnud CSS-stseenide taga värskendusi, siis teate, et kavatseme migreerida CSS-trikid WordPressist samasse kodukootud CMS-i, mida DigitalOcean kasutab kõigi oma (tähe) kogukonna sisu.

See töö sai alguse paar kuud tagasi ja peaks olema tehtud aasta esimese poole jooksul. Võite kihla vedada, et hoiame teid kursis. Lisaks a värske disain ja uus taust, peaks see toimima nagu tavaliselt. Kui teil on selle töö kohta küsimusi ja selle tähendust teie lemmikliidese jaoks, võtke minuga ühendust kommentaarides or saatke mulle meili.

Kui te pole seda veel näinud, siis siin on mõned meie disaineri Logan Lifficki koostatud komplektid:

2021. aasta väravate ülevaade

Oh, ma kõhklen isegi vaatamast. Kõik jõupingutused, mis on tehtud DigitalOceaniga integreerimiseks ja uue rütmi leidmiseks, domineerisid kõigi aja üle, jättes vähe väärtuslikku, et Chrisi eesmärke saavutada, milleks olid:

• ✅ Rohkem tähelepanu SEO-le. Ma annan meile siit läbiva hinde. Tõde on see, et Chris ja mina uurisime sellesse juba enne omandamist. Asendasime Yoast SEO pistikprogrammi RankMathiga, kasutades ära selle redaktorisiseseid tööriistu, mis aitavad meil õppida, kuidas oma postitusi otsingutulemuste jaoks optimeerida. Ja et olla selge: see ei tähenda mitte nii liikluse suurendamist, et saada rohkem sponsorlustulu, kui tõdeda, et otsing on peamine viis, kuidas teiesugused lugejad meid leiavad ja teie jaoks otsitava leidmise hõlbustamiseks. See kehtib eriti nüüd, kui meid toetab DigitalOcean ja tugineme sponsorlusele palju vähem kui varem.
• 🚫 Järjekordne digiraamat. Kiik ja preili! Noh, me ei kiigunud kunagi ega astunud kunagi taigna kasti. (Kas spordianaloogiad toimivad nii?) Chris avaldas raamatu Suurimad CSS-i trikid aastal 2020 ja tegi sellest tasulise CSS-Tricksi tellija eeliseks. Mõte oli sel aastal teha veel üks, kuid saime tasulistest tellimustest lahti ja avasime The Greatest CSS Tricks, et kõik saaksid seda tasuta nautida.
• 🚫 Rohkem sotsiaalmeedia eksperimenteerimist. Ei! Kuid see võib olla parim, arvestades, kus Twitter sel hetkel on. Võib-olla oleme järgmisel aastal sunnitud selles valdkonnas katsetama pigem vajadusest kui huvist. Twitter on alati olnud CSS-Tricksi liikluse vanasõna ämber; nii palju, et sellesse investeerimine tundub nagu paneks oma munad valesse korvi, ee ämbrisse. Ma ei tea. Osa minust tahab lihtsalt istuda käed rüpes ja näha, kuidas asjad loksuvad, enne kui otsustan millegi uue või teistsuguse kasuks.

2023. aasta eesmärgi seadmine

Uus aasta, uued eesmärgid, eks? Lubage mul panna meeskonna suhu hunnik sõnu ja projitseerida seda, mis minu arvates on meie jaoks 2023. aasta peamised prioriteedid:

• Sujuv saidi migratsioon. Miski ei teeks mind õnnelikumaks¹ kui luksumine DigitalOceani arhitektuuri juurde. Aga olgu, me kõik teame midagi tuleb alati üles, kui on aeg minna. Sellel saidil on 7,000+ artiklit, mis on kirjutatud 15 aasta jooksul ja seal on olnud 19 saidi versiooni selle aja jooksul. Seal on nii palju kohandatud postituste tüüpe, kohandatud välju, lehemalle, funktsionaalsuse pistikprogramme, integratsioone ja andmebaasi, mis on üle 6 GB, et liikuda olemasolevasse süsteemi ja kaardistada. Hea, et meil on siin tipptasemel arendajate meeskond, kes selle enda peale võtab!
• Avalda 1–2 uut juhendit. Mulle meeldiks tegelikult sihtida kõrgemale. 2020. aasta üheksa uue juhendi asemel muutusime 2021. aastal tühiseks uueks giidiks ja eelmisel aastal teiseks: Miriami oma. CSS-i kaskaadikihtide täielik juhend. Mul on nimekiri veel 10-st, millest tahaksin hea meelega kirjutada, kuid arvan, et paneme lati oma hiljutist rekordit arvestades ülimadalale. Mainisin varem, et sooviksin lisada Mojtaba töö Almanahhis olemasolevasse CSS Gridi juhendisse. See pole väike töömaht ja ma arvestaksin selle eesmärgi saavutamisel, kui suudame selle ära teha.
• Laiendage almanahhi. See on minu kuupilt. Mulle meeldiks näha seal rohkem dokumente. Meil on pseudovalijad ja omadused, mis on suurepärane ja on alati olnud. Aga, jeesus, mõelge kõikidele muudele asjadele, mis meil seal võiks olla: funktsioonid, at-reeglid, ühikud, selektorid, omaduste väärtused jne. Me ainult kriimustame pinda, mis sinna sisse võiks minna! Kui me neist kasvõi ühe saaksime, oleksin kohal place-self: heaven.

Tänan teid nii, nii so palju!

See on minu unistuste töö ja mul poleks seda ilma teiesuguste lugejateta. Ma ei suuda uskuda, et minu esimese artikli avaldamisest on möödunud kaheksa aastat ja et ma olen ikka veel siin, tõõtan koos õppides oma ala helgematelt peadelt. Ma võiksin mõtiskleda (rohkem, kui mul juba on), kui palju CSS-Tricksi kogukond minu jaoks tähendab, kuid see taandub tegelikult... aitäh, aitäh, aitäh. Südamest, aitäh.

Ja täname kõiki DigitalOceani toredaid inimesi, kes on CSS-trikkidele suurepärase kodu loonud. Haley Millsile, Sydney Rossman Reichile, Bradley Kouchile, Karen Digile, David Bergile, Matt Crowleyle, Logan Liffickile ja Kirstyn Kelloggile on erilised kõrged hinded, kes panid mind isiklikult hoogu ja panid mind siin nii teretulnud tundma. See on suurepärane koht, kus olla.

Edasi, läheme!