Hvala (izdaja 2022) PlatoBlockchain Data Intelligence. Navpično iskanje. Ai.

Hvala (izdaja 2022)

Časovni žig: 28. december 2022 10:46

Veste, to je čas v letu, ko Chris običajno objavi velik ol' razmislek o preteklem letu. The Prvi je bil objavljen leta 2007, istega leta, ko so se začeli CSS-Tricks, in ga nadaljeval vse do leta 2021 brez zamude. Ker sem bil sam bralec CSS-Tricks vsa ta leta, ne bi želel videti te spremembe.

Torej, tukaj smo! Kar zadeva prehod, je bilo leto 2022 zagotovo hudo leto. Lansko leto ob tem času smo predvidevali nekaj ciljev za prihodnje leto (ki jih še bomo dosegli), vendar smo se pridružili DigitalOcean. To je bila ogromna morska sprememba (namenjena besedni igri), a vseeno si ostal z nami vso pot. Resnično mi veliko pomeni, da vas toliko prihaja sem, da bi prebrali stvari, ki jih jaz in vrsta drugih gostujočih piscev objavljamo tukaj. To preprosto ni skupnost (ali kakršna koli zabava) brez vas.

Hvala!

To je zadnja objava, ki jo objavljamo letos, ko za praznike obešamo naš napis Gone Fishin'. Se bomo vrnili januar 9 z obilico vsebine, ki je pravkar iz pečice.

V redu, tukaj začnemo kopati po analitiki spletnega mesta. To je nekaj, glede česar smo bili vedno transparentni in bomo to počeli tudi v prihodnje. Ni tako, kot da bi bile naše številke v neki prepovedani črni skrinjici, in upamo, da bo njihovo posredovanje nekako pomagalo vam in vašemu podjetju.

Skupni promet

Na splošno Google Analytics prikazuje skupno 64m ogledov strani za celotno leto. To je wayyyyy padla z lanskih 88 m, kar je na prvi pogled alarmantno. Mislim, kdo hoče videti a 27% padec prometa med letom?

Toda za to obstaja dober razlog, saj smo objavili a wayyyy letos manj vsebine. Vsi vemo, da je bil Chris ploden pisatelj (in še vedno je, seveda), pogosto izpljune več objav na dan. Kot da smo večji del leta izgubili našega najproduktivnejšega sodelavca. Primerjajmo založniško dejavnost zadnjih nekaj let:

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

27-odstotni padec ogledov strani je veliko manj zaskrbljujoč, če upoštevamo, da smo objavili 43% manj člankov kot lani in ogromno 67% manj kot skupno v letu 2020.

Hmm, nimam občutka, da delam 67 % manj ...

In vse to prihaja z opozorilom, da je to le tisto, kar dobimo od storitve Google Analytics. V preteklih letih je Chris te številke primerjal s statistiko iz Cloudflare (plast CDN, ki je na vrhu spletnega mesta) in Jetpack (vtičnik, ki povezuje naše spletno mesto WordPress, ki ga sami gostimo, s funkcijami SaaS-y WordPress.com). Rezultati so vedno dosledno nedosledni do te mere, da se tokrat niti ne potrudim pogledati naokoli. (V redu, v redu, morda samo Jetpack ... ki prikazuje 59.9 milijona ogledov strani — nenavadno več kot skupno 2021 milijonov v letu 55.)

Članki, po številkah

Tega se vsako leto vedno veselim! Tukaj je deset najboljših člankov v letu 2022, ki so bili objavljeni leta 2022:

  1. 6 kreativnih idej za učinke lebdenja na povezavi CSS — Harshil Patel
  2. Pojasnite mi prvih 10 vrstic Twitterjeve izvorne kode — Anand Chowdhary
  3. Katera so bila najbolj vroča sprednja orodja leta 2021? — Louis Lazaris
  4. Zamenjajte pogovorna okna JavaScript z novim elementom pogovornega okna HTML — Mads Stoumann
  5. Pozdravite selectmenu, izbirni element, ki ga je mogoče popolnoma prilagoditi slogu — Patrick Brosset
  6. Zanesljivo pošljite zahtevo HTTP, ko uporabnik zapusti stran — Alex MacArthur
  7. grid-template-columns — Mojtaba Seyedi
  8. Popoln vodnik po kaskadnih slojih CSS — Miriam Suzanne
  9. Poizvedbe po bazi podatkov CSS? Seveda lahko! — Chris Coyier
  10. CSS-Tricks se pridružuje DigitalOcean! — Chris Coyier

Pravzaprav sem presenečen, da zadnji ni bil višje na seznamu. In res sem navdušen, ko vidim enega od Alamanac tam notri, še posebej zato, ker se je Mojtaba odrezal vse lastnosti mreže CSS v preteklem letu in pol in ga je izbil iz igrišča. Mislil sem, da dobro obvladam mrežo, dokler nisem začel brati vseh zlatih kepic, ki jih je zapakiral v vsako nepremičnino. Toliko se je treba naučiti in Mojtaba ima smisel za jasno razlago zapletenih stvari. Upam, da bom posodobil Vodnik po mreži CSS z vsemi temi svežimi informacijami (vendar o tem malo več).

Všeč mi je tudi vodnik CSS Cascade Layers! Zelo sem se zabaval pri delu z Miriam. Če tega ne bi vedeli, ona je urednica za spec. V veselje (in resnično v čast) je gostiti njeno delo tukaj in ga dati vsem na voljo za dodajanje med zaznamke in referenco.

Tukaj je 11-20 za udarce:

  1. Animacija z osnovnim JavaScriptom —Md Shuvo
  2. Flutter za sprednje spletne razvijalce —Obumuneme Nwabude
  3. Mreža CSS in oblike po meri, 1. del — Temani Afif
  4. Pišite HTML na način HTML (ne na način XHTML) — Jens Oliver Meiert
  5. Predstavitev štirih novih barvnih funkcij CSS — Chris Coyier
  6. Kul učinki lebdenja, ki uporabljajo lastnosti ozadja — Temani Afif
  7. Ustvarimo majhen programski jezik — Md Shuvo
  8. Kul učinki lebdenja CSS, ki uporabljajo izrezovanje ozadja, maske in 3D — Temani Afif
  9. Popolno kazalo s HTML + CSS — Nicholas C. Zakas
  10. Prstni odtis na osnovi CSS — Chris Coyier

Vse objave, ki so bile objavljene v letu 2022, sestavljajo 4.8m ogledov strani ali približno 7.8% vseh ogledov strani. Naš najbolj gledan članek je vedno stari Flexbox vodič ki je nabralo 5.8m ogledov letos. Rad bi videl, da bi naša nova vsebina prehitela to eno postavko, in verjamem, da bi se to zlahka zgodilo, če bi nadaljevali s tempo objavljanja. Nazaj na čisto matematiko, vendar bi morda imeli okoli 67 milijonov ogledov strani, če bi objavili 540 člankov več, da bi se ujemali s številom objavljenih člankov v lanskem letu.

Če se vrnemo nekaj korakov nazaj, vidimo najbolj gledane članke preteklega leta, ne glede na to, kdaj so bili objavljeni:

  1. Popoln vodnik po Flexboxu
  2. Popoln vodnik po mreži
  3. Popolna slika ozadja celotne strani
  4. Oblike CSS
  5. Medijske poizvedbe za standardne naprave
  6. Uporaba SVG
  7. Kako povečati SVG
  8. Trikotnik CSS
  9. Gradientne meje v CSS
  10. Odreži niz z elipso
  11. Kako uporabljati @font-face v CSS

Ja, skoraj enako kot lani. In leto prej. In leto prej. In … no, skoraj. »Gradient Borders in CSS« je nov, ki presega box-shadow nepremičnina s seznama. Vse ostalo od štirih točk naprej je le zamenjalo mesta.

Ko že govorimo o lastnostih v Almanahu, bi rad videl, kaj ste največkrat omenjali v zadnjem letu:

  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 psevdo na vrhu in za tem nič drugega kot lastnosti. Zanimivo, glede na to, da relacijski psevdo izbirnik deluje kot :has(), :is()in :where() so novi otroci v bloku.

Novice

Številke tukaj so preveč neurejene, da bi iz njih izvedli kakršne koli pronicljive zaključke. Po selitvi na DigitalOcean smo morali naš seznam 91+ naročnikov prečistiti za namene skladnosti in število je posledično strmo padlo. Če ste bili izpuščeni s seznama, se lahko ponovno naročite tukaj.

Dobra novica? Še vedno pripravljamo glasilo! Mi pravzaprav avgusta znova zagnal po petih mesecih premora. Bili smo na tedenski kadenci, zdaj pa smo enkrat na mesec, medtem ko jo vaš resnično piše. Vsekakor upam, da ga bom vrnil v tedensko publikacijo. (Pogrešam te, Robin!)

Posodobitve spletnega mesta

Večinoma je šlo za ohranjanje ladje na površju, če sem iskren. Razen nekaj manjših popravkov in vzdrževanja je spletno mesto skoraj tam, kjer je bilo lani ob tem času.

To se bo leta 2023 močno spremenilo. Če spremljate naš mesečnik Za kulisami CSS posodobitve, potem veste, da načrtujemo selitev CSS-Tricks iz WordPressa v isti domač CMS, ki ga DigitalOcean uporablja za vse svoje (zvezdne) vsebino skupnosti.

To delo se je začelo pred nekaj meseci in bi moralo biti opravljeno v prvi polovici leta. Lahko stavite, da vas bomo med potjo obveščali. Poleg a svež dizajn in novo zaledje, bi moralo delovati kot običajno. Če imate kakršna koli vprašanja o tem delu in kaj to pomeni za vašo najljubšo sprednjo publikacijo, se mi oglasite v komentarjih or pošlji mi e-pošto.

Če si ga še niste ogledali, je tukaj nekaj sestavkov, ki jih je sestavil naš oblikovalec Logan Liffick:

Pregled ciljev za leto 2021

Joj, oklevam, da bi sploh pogledal. Ves trud, ki je bil vložen v integracijo z DigitalOcean in iskanje novega ritma, je prevladal nad časom vseh, tako da je ostalo zelo malo, da bi dosegel Chrisove cilje, ki so bili:

  • ✅ Več osredotočenosti na SEO. Tukaj nam bom dal uspešno oceno. Resnica je, da sva se s Chrisom že ukvarjala s tem pred prevzemom. Vtičnik Yoast SEO smo zamenjali z RankMath, pri čemer smo izkoristili njegova orodja v urejevalniku, da se naučimo, kako optimizirati naše objave za rezultate iskanja. In da bo jasno: manj gre za povečanje prometa za več sponzorskih prihodkov, kot pa za priznanje, da je iskanje glavni način, kako nas bralci, kot ste vi, najdejo in vam olajša iskanje, kar iščete. To še posebej velja zdaj, ko nas podpira DigitalOcean in se veliko manj zanašamo na sponzorstva kot včasih.
  • 🚫 Še ena digitalna knjiga. Zamah in napaka! No, nikoli nisva dejansko zamahnila na prvo mesto ali stopila v polje za udarce. (Ali tako delujejo športne analogije?) Chris je izdal knjigo Največji triki CSS leta 2020 in si kot plačljivo naročnino na CSS-Tricks dodal prednost. Zamisel je bila, da letos naredimo še eno, vendar smo se znebili plačljivih naročnin in odprli The Greatest CSS Tricks, da bi lahko vsi uživali brezplačno.
  • ???? Več eksperimentiranja s socialnimi mediji. Ne! Toda to je morda najboljše, glede na to, kje je Twitter prav to sekundo. Morda bomo prisiljeni eksperimentirati na tem področju naslednje leto bolj zaradi nuje kot interesa. Twitter je bil vedno kaplja v pregovornem vedru prometa CSS-Tricks; tako zelo, da se zdi, da bi vlagali vanj, dali jajca v napačen koš, hm. Nevem. Del mene samo želi sedeti križem rok in videti, kako se stvari pretresajo, preden se odločim za kaj novega ali drugačnega.

2023 zastavljanje ciljev

Novo leto, novi cilji, kajne? Dovolite mi, da v usta ekipe položim kup besed in predstavim, kaj menim, da so glavne prednostne naloge za nas v letu 2023:

  • Gladka selitev spletnega mesta. Nič me ne bi osrečilo bolj1 kot prehod brez kolcanja na arhitekturo DigitalOcean. Ampak daj no, vsi vemo Nekaj vedno se pojavi, ko je čas za odhod. To spletno mesto ima več kot 7,000 člankov, ki so bili napisani v 15 letih, od tega je bil 19 različic spletnega mesta v tem časovnem obdobju. Obstaja toliko vrst objav po meri, polj po meri, predlog strani, funkcijskih vtičnikov, integracij in zbirke podatkov, ki je večja od 6 GB, da jo premaknete in preslikate v obstoječi sistem. Še dobro, da imamo tukaj ekipo vrhunskih razvijalcev, ki se tega lotijo!
  • Objavi 1-2 nova vodnika. Pravzaprav bi rad ciljal višje. Z devetih novih vodnikov v letu 2020 smo prešli na pičli enega novega vodnika v letu 2021 in še enega v zadnjem letu: Miriamin Popoln vodnik po kaskadnih slojih CSS. Imam seznam še 10, ki bi jih rad napisal, vendar mislim, da bomo glede na naše nedavne rezultate letvico postavili izjemno nizko. Prej sem omenil, da bi rad Mojtabino delo v Almanahu vključil v obstoječi vodnik CSS Grid. To ni malo dela in bi ga vštel v cilj, če nam to uspe.
  • Razširite almanah. To je moj posnetek meseca. Tam bi rad videl več vrst dokumentacije. Imamo psevdoizbirnike in lastnosti, kar je super in je vedno bilo. Ampak, joj, pomisli na vse druge stvari, ki bi jih lahko imeli notri: funkcije, at-pravila, enote, izbirnike, vrednosti lastnosti itd. Praskamo le po površini tega, kar bi lahko šlo notri! Če dobimo vsaj enega od teh, bi bil zraven place-self: heaven.

Hvala, tako, so veliko!

To je moja sanjska služba in je ne bi imela brez bralcev, kot ste vi. Ne morem verjeti, da je že osem let od objave mojega prvega članka in da sem še vedno tukaj, delo z učenje od najbistrejših umov na našem področju. Lahko bi razglabljal (več, kot sem že) o tem, koliko mi skupnost CSS-Tricks pomeni, toda v resnici gre za ... hvala, hvala, Hvala. Iz dna srca, Hvala.

In hvala vsem dobrim ljudem v DigitalOceanu, ki so ustvarili odličen dom za CSS-Tricks. Posebne pohvale Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick in Kirstyn Kellogg, da so me osebno seznanili in da sem se tukaj počutil tako dobrodošlo. To je super mesto.

Naprej, gremo!

Časovni žig:

Več od Triki CSS