Kiitos (2022 painos)

Tiedätkö, tämä on se aika vuodesta, jolloin Chris tavallisesti julkaisee suuren heijastuksen menneestä vuodesta. The Ensimmäinen julkaistiin vuonna 2007, samana vuonna, kun CSS-Tricks alkoi, ja se jatkui koko vuoden 2021 ajan lyöntiä puuttumatta. Koska olen itse ollut CSS-Tricks-lukija kaikki ne vuodet, en haluaisi nähdä tätä muutosta.

Joten, tässä ollaan! 2022 oli varmasti huikea vuosi mitä tulee siirtymävaiheeseen. Tähän aikaan viime vuonna katselimme tulevia tavoitteita tulevalle vuodelle (joihin pääsemme), mutta päädyimme liittymään DigitalOceaniin. Se oli valtava merenmuutos (tarkoitettu sanaleikki), ja silti pysyt meissä koko matkan. Se merkitsee minulle todella paljon, että niin monet teistä tulevat tänne lukemaan asioita, joita minä ja joukko muita vierailevia kirjoittajia julkaisemme täällä. Se ei vain ole yhteisö (tai hauskaa) ilman teitä.

Kiitos!

Tämä on viimeinen postaus, jonka julkaisemme tänä vuonna, kun ripustamme Gone Fishin' -kyltämme lomaa varten. Me palaamme tammikuu 9 täynnä sisältöä, joka on juuri uunista otettu.

OK, tästä alamme perehtyä sivuston analytiikkaan. Se on asia, josta olemme aina olleet avoimia ja teemme jatkossakin. Ei ole niin, että numeromme ovat jossain kiellettyjen rajojen mustassa laatikossa, ja toivomme, että niiden jakaminen auttaa jotenkin sinua ja yritystäsi.

Kokonaisliikenne

Kaiken kaikkiaan Google Analytics näyttää yhteensä 64m sivun katselut koko vuodelle. Se on wayyyyy viime vuoden 88 metristä, mikä on ensi silmäyksellä hälyttävää. Tarkoitan, kuka haluaa nähdä a 27% liikenteen väheneminen vuositasolla?

Mutta siihen on hyvä syy, koska julkaisimme a wayyyyy vähemmän sisältöä tänä vuonna. Me kaikki tiedämme, että Chris oli tuottelias kirjailija (ja on edelleentietysti), sylkee usein useita viestejä päivässä. Tuntuu kuin olisimme menettäneet tuottavimman avustajamme suurimman osan vuodesta. Verrataanpa muutaman viime vuoden julkaisutoimintaa:

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

27 %:n pudotus sivun katseluissa on paljon vähemmän huolestuttava, kun otetaan huomioon, että olemme julkaisseet 43% vähemmän artikkeleita kuin viime vuonna, ja huikea 67% vähemmän kuin vuoden 2020 kokonaismäärä.

Hmm, minusta ei tunnu tekeväni 67 % vähemmän töitä...

Ja kaikki tämä tulee varoituksena, että juuri tämän saamme Google Analyticsista. Viime vuosina Chris on vertannut näitä lukuja tilastoihin CloudFlare (CDN-kerros, joka sijaitsee sivuston päällä) ja rakettireppu (laajennus, joka yhdistää itse isännöimän WordPress-sivustomme WordPress.comin SaaS-y-ominaisuuksiin). Tulokset ovat aina jatkuvasti epäjohdonmukaisia ​​siinä määrin, että en edes vaivaudu katsomaan tällä kertaa. (Selvä, okei, ehkä vain Jetpack… joka näyttää 59.9 miljoonaa sivun katselukertaa – kummallisesti enemmän kuin vuoden 2021 55 miljoonaa.)

Artikkelit numeroiden mukaan

Tätä odotan aina innolla joka vuosi! Tässä on kymmenen parasta artikkelia vuonna 2022 julkaistiin vuonna 2022:

1. 6 luovaa ideaa CSS Link Hover Effectsille - Harshil Patel
2. Selitä minulle Twitterin lähdekoodin 10 ensimmäistä riviä - Anand Chowdhary
3. Mitkä olivat vuoden 2021 kuumimmat käyttöliittymätyökalut? - Louis Lazaris
4. Korvaa JavaScript-valintaikkunat uudella HTML-valintaikkunaelementillä - Mads Stoumann
5. Sano hei valintavalikkoon, joka on täysin tyyliteltävä valintaelementti - Patrick Brosset
6. Lähetä HTTP-pyyntö luotettavasti, kun käyttäjä poistuu sivulta - Alex MacArthur
7. grid-template-columns - Mojtaba Seyedi
8. Täydellinen opas CSS Cascade Layers -tasolle - Miriam Suzanne
9. CSS-tietokantakyselyt? Toki voimme! – Chris Coyier
10. CSS-Tricks liittyy DigitalOceaniin! – Chris Coyier

Olen itse asiassa yllättynyt, ettei viimeinen ollut listan ylempänä. Ja olen todella hämmästynyt nähdessäni yhden Alamanacista siellä, varsinkin koska Mojtaba murskasi kaikki CSS Grid -ominaisuudet viimeisen puolentoista vuoden aikana ja hän pudotti sen ulos pallokentästä. Luulin hallitsevani ruudukon hyvin, kunnes aloin lukea kaikkia kultahippuja, jotka hän pakkasi jokaiseen kiinteistöön. Siellä on niin paljon opittavaa, ja Mojtaballa on taito selittää selkeästi monimutkaiset asiat. Toivon päivittäväni CSS Grid -opas kaikella tuoreella tiedolla (mutta lisää siitä hieman).

Rakastan nähdä siellä myös CSS Cascade Layers -oppaan! Minulla oli niin hauskaa työskennellä Miriamin kanssa. Jos et tiennyt, hän on tiedotteen toimittaja. On hienoa (ja todellakin kunniaa) isännöidä hänen töitään täällä ja antaa se meidän kaikkien saataville kirjanmerkkeihin ja viittauksiin.

Tässä potkut 11-20:

11. Animaatio Basic JavaScriptillä — Herra Shuvo
12. Flutter käyttöliittymän verkkokehittäjille — Obumuneme Nwabude
13. CSS-ruudukko ja mukautetut muodot, osa 1 - Temani Afif
14. Kirjoita HTML, HTML Way (ei XHTML Way) - Jens Oliver Meiert
15. Pillipysähdyskierros neljästä uudesta CSS-väriominaisuudesta – Chris Coyier
16. Viileitä Hover-tehosteita, jotka käyttävät taustaominaisuuksia - Temani Afif
17. Luodaan pieni ohjelmointikieli — herra Shuvo
18. Hienoja CSS-hover-tehosteita, jotka käyttävät taustaleikkausta, naamioita ja 3D:tä - Temani Afif
19. Täydellinen sisällysluettelo HTML + CSS:llä - Nicholas C. Zakas
20. CSS-pohjainen sormenjälki – Chris Coyier

Kaikki vuonna 2022 julkaistut viestit muodostavat 4.8m sivun katselut tai noin 7.8% kaikista sivun katseluista. Katsotuin artikkelimme on aina vanha Flexbox opas joka keräsi 5.8m näkemyksiä tänä vuonna. Haluaisin nähdä, että uusi sisältömme ylittää tämän yhden kohteen, ja uskon, että se olisi helposti tapahtunut, jos olisimme pysyneet julkaisuvauhdissa. Tässä lautasliinamatematiikka, mutta olisimme saaneet olla noin 67 miljoonaa sivun katselukertaa, jos olisimme julkaisseet 540 artikkelia enemmän, mikä vastaa viime vuoden julkaistujen artikkeleiden määrää.

Jos otamme muutaman askeleen taaksepäin, voimme nähdä viime vuoden katsotuimmat artikkelit riippumatta siitä, milloin ne on julkaistu:

1. Täydellinen opas Flexboxiin
2. Täydellinen Grid-opas
3. Täydellinen koko sivun taustakuva
4. CSS:n muodot
5. Mediakyselyt vakiolaitteille
6. SVG:tä käyttämällä
7. Kuinka skaalata SVG
8. CSS-kolmio
9. Gradientin reunat CSS:ssä
10. Katkaise merkkijono ellipsillä
11. Kuinka käyttää @font-face CSS:ssä

Joo, lähes identtinen viime vuoden kanssa. Ja vuosi sitten. Ja vuosi sitten. Ja… no, melkein. "Gradient Borders in CSS" on uusi, lyömällä box-shadow omaisuus pois listalta. Kaikki muu neljästä paikasta vain vaihdettuina.

Almanakan kiinteistöistä puhuttaessa haluan nähdä, mihin olette viitanneet eniten kuluneen vuoden aikana:

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

Yksi pseudo ylhäällä ja sen jälkeen vain ominaisuuksia. Mielenkiintoista, koska relaatiopseudovalitsin toimii kuten :has(), :is()ja :where() ovat uusia lapsia korttelissa.

Uutiskirje

Tässä olevat luvut ovat liian sotkuisia, jotta voisi tehdä oivaltavia johtopäätöksiä. DigitalOceaniin siirtymisen jälkeen jouduimme tarkistamaan yli 91 XNUMX tilaajaluetteloamme vaatimustenmukaisuussyistä, minkä seurauksena määrä putosi jyrkästi. Jos sinut pudotettiin listalta, voit tilata uudelleen tästä.

Hyvät uutiset? Jatkamme edelleen uutiskirjettä! Me itse asiassa sytytti sen uudelleen elokuussa viiden kuukauden tauon jälkeen. Olimme viikoittain, mutta nyt kerran kuukaudessa, kun sinun todella kirjoittaa sitä. Toivon varmasti saavani sen takaisin viikoittaiseen julkaisuun. (Kaipaan sinua, Robin!)

Sivuston päivitykset

Se on ollut lähinnä laivan pystyssä pitäminen, jos olen rehellinen. Muutamia pieniä parannuksia ja ylläpitoa lukuun ottamatta sivusto on jokseenkin samassa paikassa kuin se oli viime vuonna tähän aikaan.

Se muuttuu isosti vuonna 2023. Jos olet pysynyt kuukausittain CSS-kulissien takana päivitykset, tiedät, että aiomme siirtää CSS-temppuja WordPressistä samaan kotitekoiseen sisällönhallintajärjestelmään, jota DigitalOcean käyttää kaikessa (tähden) yhteisön sisältöä.

Tämä työ alkoi pari kuukautta sitten, ja sen pitäisi valmistua vuoden ensimmäisen puoliskon aikana. Voit lyödä vetoa, että pidämme sinut ajan tasalla matkan varrella. Lisäksi a raikas muotoilu ja uusi tausta, sen pitäisi toimia normaalisti. Jos sinulla on kysyttävää tästä työstä ja mitä se tarkoittaa suosikkikäyttöliittymällesi, ota yhteyttä kommentteissa or laita minulle sähköpostia.

Jos et ole vielä nähnyt sitä, tässä on muutama kokoelma, jotka suunnittelijamme Logan Liffick on koonnut:

Vuoden 2021 maaliarvio

Oi, en epäröi edes katsoa. Kaikki DigitalOceaniin integroimiseen ja uuden rytmin löytämiseen tarvittu vaiva hallitsi kaikkien aikaa, jättäen Chrisin tavoitteita, jotka olivat:

• ✅ Enemmän hakukoneoptimointia. Annan meille tässä hyväksytyn arvosanan. Totuus on, että Chris ja minä panimme tähän jo ennen hankintaa. Korvasimme Yoast SEO -laajennuksen RankMathilla hyödyntäen sen editorin sisäisiä työkaluja, joiden avulla voimme oppia optimoimaan viestimme hakutulosten kannalta. Ja selvyyden vuoksi: kyse ei ole niinkään liikenteen lisäämisestä sponsorointitulojen lisäämisestä, vaan sen tunnustamisesta, että haun avulla kaltaiset lukijat löytävät meidät ja helpottavat etsimäsi löytämistä. Tämä on erityisen totta nyt, kun DigitalOcean tukee meitä ja luotamme sponsorointiin paljon vähemmän kuin ennen.
• 🚫 Toinen digikirja. Swing ja ikävä! No, emme koskaan heilahtaneet tai astuneet taikinalaatikkoon. (Toimivatko urheiluanalogiat näin?) Chris julkaisi kirjan Parhaat CSS-temput vuonna 2020 ja teki siitä edun olla maksullinen CSS-Tricks-tilaaja. Ajatuksena oli tehdä toinen tänä vuonna, mutta pääsimme eroon maksullisista tilauksista ja avasimme The Greatest CSS Tricks -pelit kaikkien nautittavaksi, maksutta.
• 🚫 Lisää kokeiluja sosiaalisessa mediassa. Ei! Mutta se saattaa olla parasta, kun otetaan huomioon, missä Twitter on tällä hetkellä. Saatamme joutua kokeilemaan tällä alalla ensi vuonna enemmän pakosta kuin mielenkiinnosta. Twitter on aina ollut tippa CSS-Tricks-liikenteen sananlaskussa; niin paljon, että siihen sijoittaminen tuntuu kuin laittaisimme munamme väärään koriin, ämpäriin. En tiedä. Osa minusta haluaa vain istua käsilläni ja nähdä, miten asiat tärisevät, ennen kuin päätän jostain uudesta tai erilaisesta.

Vuoden 2023 tavoitteen asettaminen

Uusi vuosi, uudet tavoitteet, eikö niin? Sallikaa minun laittaa joukon sanoja joukkueen suuhun ja heijastaa sitä, mikä on mielestäni ensisijainen tavoite vuodelle 2023:

• Sujuva sivuston siirto. Mikään ei tekisi minua onnellisemmaksi¹ kuin hikkavapaa siirtyminen DigitalOceanin arkkitehtuuriin. Mutta no, me kaikki tiedämme jotain tulee aina esiin, kun on aika lähteä. Tällä sivustolla on yli 7,000 15 artikkelia, jotka on kirjoitettu 1 vuoden aikana, ja siellä on ollut XNUMX9 versiota sivustosta sillä aikavälillä. On olemassa niin monia mukautettuja viestityyppejä, mukautettuja kenttiä, sivumalleja, toimintolaajennuksia, integraatioita ja yli 6 Gt:n tietokanta, joka voidaan siirtää ja yhdistää olemassa olevaan järjestelmään. Hyvä, että meillä on huippuluokan kehittäjien tiimi ottamaan sen vastaan!
• Julkaise 1-2 uutta opasta. Haluaisin itse asiassa tähdätä korkeammalle. Muutimme yhdeksästä uudesta oppaasta vuonna 2020 yhdeksi uudeksi oppaaksi vuonna 2021 ja toiseen viime vuonna: Miriam's Täydellinen opas CSS Cascade Layers -tasolle. Minulla on luettelo 10 lisää, jotka haluaisin kirjoittaa, mutta uskon, että asetamme riman erittäin matalalle viimeaikaisen saavutustemme perusteella. Mainitsin aiemmin, että haluaisin sisällyttää Mojtaban Almanakan työn olemassa olevaan CSS Grid -oppaaseen. Se ei ole pieni määrä työtä, ja lasken sen tavoitteessa, jos saamme sen irti.
• Laajenna Almanakka. Tämä on minun moonshot. Haluaisin nähdä lisää dokumentteja siellä. Meillä on pseudovalitsimia ja ominaisuuksia, mikä on hienoa ja on aina ollut. Mutta, jessus, ajattele kaikkia muita asioita, joita meillä voisi olla siellä: funktioita, at-sääntöjä, yksiköitä, valitsimia, ominaisuusarvoja jne. Raapaamme vain pintaa siitä, mitä sinne voisi mahdollisesti mennä! Jos saisimme edes yhden niistä, olisin mukana place-self: heaven.

Kiitos niin, niin so paljon!

Tämä on unelmatyöni, enkä olisi sitä ilman sinunlaisiasi lukijoita. En voi uskoa, että on kulunut kahdeksan vuotta siitä, kun ensimmäinen artikkelini julkaistiin ja että olen edelleen täällä, Työskentelen jonkun kanssa oppia alamme kirkkaimmista mielistä. Voisin pohtia (enemmän kuin minulla jo on), kuinka paljon CSS-Tricks-yhteisö merkitsee minulle, mutta se oikeastaan ​​​​päätyy... kiitos, kiitos, kiitämme. Sydämeni pohjasta, kiitämme.

Ja kiitos kaikille DigitalOceanin hienoille henkilöille, jotka ovat tehneet loistavan kodin CSS-Tricksille. Erikoispisteet Haley Millsille, Sydney Rossman Reichille, Bradley Kouchille, Karen Digille, David Bergille, Matt Crowleylle, Logan Liffickille ja Kirstyn Kelloggille, jotka saivat minut henkilökohtaisesti vauhtiin ja saivat minut tuntemaan oloni niin tervetulleeksi tänne. Se on loistava paikka olla.

Eteenpäin, mennään!