Mulțumesc (ediția 2022) PlatoBlockchain Data Intelligence. Căutare verticală. Ai.

Mulțumesc (ediția 2022)

Marca temporală: 28 decembrie 2022, ora 10:46

Știi, acesta este perioada din an în care Chris publică în mod normal o mare reflectare a anului trecut. The primul a fost publicat în 2007, în același an în care au început CSS-Tricks, și acesta a continuat până în 2021 fără să piardă o bătaie. Fiind și eu un cititor CSS-Tricks în toți acești ani, mi-ar plăcea să văd această schimbare.

Deci aici suntem! 2022 a fost cu siguranță un an nemaipomenit în ceea ce privește tranziția. În această perioadă, anul trecut, ne uitam la unele obiective pentru anul următor (la care vom ajunge), dar am ajuns să ne alăturăm DigitalOcean. Asta a fost o schimbare majoră (în sensul jocului de cuvinte) și totuși ai rămas cu noi pe tot drumul. Înseamnă foarte mult pentru mine că atât de mulți dintre voi veniți aici pentru a citi lucrurile pe care eu și o mulțime de alți scriitori invitați le publicăm aici. Pur și simplu nu este o comunitate (sau orice distracție) fără voi toți.

Mulțumesc!

Aceasta este ultima postare pe care o publicăm anul acesta, în timp ce închidem semnul Gone Fishin' pentru sărbători. Vom reveni ianuarie 9 cu un val de conținut proaspăt scos din cuptor.

OK, de aici începem să cercetăm analiza site-ului. Este ceva despre care am fost întotdeauna transparenți și vom continua să facem. Nu se pare că numerele noastre sunt într-o cutie neagră interzisă, iar speranța este că împărtășirea lor vă ajută într-un fel pe dvs. și pe afacerea dvs.

Traficul general

În general, Google Analytics arată un total de 64m afișări de pagină pentru întregul an. Asta e wayyyyy în scădere față de cei 88 de metri de anul trecut, ceea ce este alarmant la prima vedere. Adică cine vrea să vadă un 27% scăderea traficului de la an la an?

Dar există un motiv întemeiat pentru asta, deoarece am publicat un wayyyy mai puțin conținut anul acesta. Știm cu toții că Chris a fost un scriitor prolific (și încă este, desigur), deseori scuipând mai multe postări pe zi. Parcă ne-am pierdut cel mai productiv contribuitor pentru cea mai mare parte a anului. Să comparăm activitatea publicistică din ultimii ani:

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

O scădere cu 27% a afișărilor de pagină este mult mai puțin îngrijorătoare, având în vedere că am publicat 43% mai puține articole decât anul trecut și o groază 67% mai puțin decât totalul anului 2020.

Hmm, nu simt că muncesc cu 67% mai puțin...

Și toate acestea vin cu avertismentul că acest lucru este exact ceea ce obținem de la Google Analytics. În ultimii ani, Chris a comparat aceste numere cu statisticile de la Cloudflare (stratul CDN care se află deasupra site-ului) și Jetpack (plugin-ul care conectează site-ul nostru WordPress auto-găzduit la funcțiile SaaS-y ale WordPress.com). Rezultatele sunt întotdeauna inconsecvente, în măsura în care nici măcar nu mă obosesc să mă uit de data asta. (Bine, bine, poate doar Jetpack... care arată 59.9 milioane de afișări de pagină - ciudat mai mult decât totalul de 2021 de milioane din 55.)

Articole, după numere

Asta aştept mereu cu nerăbdare în fiecare an! Iată primele zece articole din 2022 care au fost publicate în 2022:

  1. 6 idei creative pentru efectele de trecere a legăturii CSS — Harshil Patel
  2. Explicați-mi primele 10 rânduri ale codului sursă al Twitter — Anand Chowdhary
  3. Care au fost cele mai populare instrumente front-end în 2021? — Louis Lazaris
  4. Înlocuiți dialogurile JavaScript cu noul element de dialog HTML — Mads Stoumann
  5. Spuneți Bună la selectmenu, un element de selectare complet cu stil — Patrick Brosset
  6. Trimiteți în mod fiabil o solicitare HTTP pe măsură ce un utilizator părăsește o pagină — Alex MacArthur
  7. grid-template-columns — Mojtaba Seyedi
  8. Un ghid complet pentru straturi în cascadă CSS — Miriam Suzanne
  9. Interogări la baza de date CSS? Sigur putem! — Chris Coyier
  10. CSS-Tricks se alătură DigitalOcean! — Chris Coyier

Sunt de fapt surprins că ultimul nu era mai sus pe listă. Și sunt foarte încântat să văd unul din Alamanac acolo, mai ales că Mojtaba a cioplit toate proprietățile CSS Grid în ultimul an și jumătate și a scăpat de joc. Am crezut că mă pricep bine la grilă până când am început să citesc toate pepitele de aur pe care le-a împachetat în fiecare proprietate. Sunt atât de multe de învățat acolo și Mojtaba are talent de a explica clar lucruri complicate. Sper să actualizez Ghid pentru grilă CSS cu toate acele informații proaspete (dar mai multe despre asta într-un pic).

Îmi place să văd și ghidul CSS Cascade Layers acolo! M-am distrat atât de mult lucrând cu Miriam la asta. Dacă nu știai, ea este redactor pentru spec. Este un răsfăț (și o onoare, într-adevăr) să-i găzduiesc lucrarea aici și să o pun la dispoziție pentru ca noi toți să o marcam și să o trimitem.

Iată 11-20 pentru lovituri:

  1. Animație cu JavaScript de bază —Md Shuvo
  2. Flutter pentru dezvoltatorii web front-end — Obumuneme Nwabude
  3. Grilă CSS și forme personalizate, partea 1 — Temani Afif
  4. Scrieți HTML, modul HTML (nu modul XHTML) — Jens Oliver Meiert
  5. Un tur fără probleme cu 4 noi funcții de culoare CSS — Chris Coyier
  6. Efecte de hover cool care folosesc proprietăți de fundal — Temani Afif
  7. Să creăm un limbaj de programare mic — Dr Shuvo
  8. Efecte interesante de hover CSS care utilizează decuparea fundalului, măștile și 3D — Temani Afif
  9. Un cuprins perfect cu HTML + CSS — Nicholas C. Zakas
  10. Amprentare bazată pe CSS — Chris Coyier

Toate postările care au fost publicate în 2022 se compensează 4.8m afișări de pagină sau despre 7.8% a tuturor afișărilor de pagină. Articolul nostru cel mai vizionat este întotdeauna vechiul Ghid Flexbox care a strâns 5.8m vizualizări anul acesta. Mi-ar plăcea să văd noul nostru conținut depășind acel articol și cred că asta s-ar fi întâmplat cu ușurință dacă am fi ținut ritmul publicării. În spatele șervețelului de matematică aici, dar este posibil să fi fost în jur de 67 de milioane de vizualizări de pagină dacă am fi publicat încă 540 de articole pentru a se potrivi cu numărul de articole publicate de anul trecut.

Dacă facem câțiva pași înapoi, atunci putem vedea cele mai vizionate articole din ultimul an, indiferent de când au fost publicate:

  1. Un ghid complet pentru Flexbox
  2. Un ghid complet pentru Grid
  3. Imagine de fundal perfectă a paginii întregi
  4. Formele CSS
  5. Interogări media pentru dispozitive standard
  6. Folosind SVG
  7. Cum să scalați SVG
  8. Triunghi CSS
  9. Chenarele gradiente în CSS
  10. Trunchiați șirul cu puncte de suspensie
  11. Cum să utilizați @font-face în CSS

Da, aproape identic cu anul trecut. Și cu un an înainte. Și cu un an înainte. Și... ei bine, aproape. „Gradient Borders in CSS” este nou, depășind box-shadow proprietate de pe listă. Orice altceva de la cele patru locuri pe locuri doar schimbate.

Vorbind despre proprietățile din Almanah, vreau să văd la ce v-ați referit cel mai mult anul trecut:

  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

Un pseudo în vârf și nimic altceva decât proprietăți după aceea. Interesant, având în vedere că pseudo-selectorul relațional funcționează ca :has(), :is(), și :where() sunt copii noi la bloc.

Stiri lunare via e-mail

Cifrele de aici sunt mult prea dezordonate pentru a trage concluzii perspicace. După ce ne-am mutat la DigitalOcean, a trebuit să ne curățăm lista de peste 91 de abonați în scopuri de conformitate, iar numărul a scăzut ca urmare. Dacă ai fost eliminat din listă, vă puteți re-abona aici.

Veștile bune? Încă facem buletinul informativ! Noi de fapt l-a dat înapoi în august după o pauză de cinci luni. Eram într-o cadență săptămânală, dar acum o lună, în timp ce al tău este cu adevărat autorul. Sper cu siguranță să-l dau înapoi la o publicație săptămânală. (Mi-e dor de tine, Robin!)

Actualizări ale site-ului

A fost în mare parte despre menținerea navei pe linia de plutire, dacă sunt sinceră. În afară de unele modificări minore și de întreținere, site-ul este aproape unde era în această perioadă anul trecut.

Asta se va schimba foarte mult în 2023. Dacă ați ținut pasul cu luna noastră În spatele scenelor CSS actualizări, atunci știți că intenționăm să migrăm CSS-Tricks de la WordPress la același CMS personalizat pe care DigitalOcean îl folosește pentru toate (stelele) conținutul comunității.

Lucrarea a început în urmă cu câteva luni și ar trebui făcută în prima jumătate a anului. Puteți paria că vă vom ține la curent pe parcurs. Pe langa a design proaspăt și un nou back-end, ar trebui să fie business ca de obicei. Dacă aveți întrebări despre această lucrare și despre ce înseamnă aceasta pentru publicația dvs. favorită, vă rugăm să mă contactați în comentarii or trage-mi un e-mail.

Dacă nu l-ați văzut încă, iată câteva compuși pe care designerul nostru, Logan Liffick, le-a pus cap la cap:

Analiza obiectivului 2021

O, ezit să mă uit. Tot efortul de care a fost nevoie pentru a te integra cu DigitalOcean și a găsi un nou ritm a dominat timpul tuturor, lăsând puțin prețios pentru a-și atinge obiectivele lui Chris, care au fost:

  • ✅ Mai mult accent pe SEO. O să ne dau o notă de trecere aici. Adevărul este că Chris și cu mine ne băgăm deja în asta înainte de achiziție. Am înlocuit pluginul Yoast SEO cu RankMath, profitând de instrumentele sale din editor pentru a ne ajuta să învățăm cum să ne optimizăm postările pentru rezultatele căutării. Și pentru a fi clar: este mai puțin despre creșterea traficului pentru mai multe venituri din sponsorizare, decât despre recunoașterea faptului că căutarea este principala modalitate prin care cititorii precum dvs. ne găsesc și vă ajută să găsiți ceea ce căutați. Acest lucru este valabil mai ales acum că suntem susținuți de DigitalOcean și ne bazăm pe sponsorizări mult mai puțin decât obișnuiam.
  • 🚫 O altă carte digitală. Swing și o ratare! Ei bine, nu ne-am legănat niciodată în primul rând sau nu am pășit în cutia batatorului. (Așa funcționează analogiile sportive?) Chris a publicat o carte de Cele mai mari trucuri CSS în 2020 și a făcut din acesta un avantaj de a fi un abonat plătit CSS-Tricks. Ideea a fost să facem încă una anul acesta, dar am scăpat de abonamentele plătite și am deschis The Greatest CSS Tricks pentru ca toată lumea să se bucure, gratuit.
  • 🚫 Mai multe experimente pe rețelele sociale. Nu! Dar asta ar putea fi cel mai bun, având în vedere unde se află Twitter în această secundă. Am putea fi forțați să experimentăm în acest domeniu anul viitor mai mult din necesitate decât din interes. Twitter a fost întotdeauna o picurare în găleata proverbială de trafic CSS-Tricks; atât de mult încât să investești în asta e ca și cum ne-am pune ouăle în coșul greșit, hăi găleată. Nu ştiu. O parte din mine vrea doar să stau pe mâini și să vadă cum tremură lucrurile înainte de a decide ceva nou sau diferit.

Stabilirea obiectivelor pentru 2023

An nou, noi obiective, nu? Permiteți-mi să pun o grămadă de cuvinte în gura echipei și să proiectez ceea ce consider că sunt prioritățile de top pentru noi în 2023:

  • O migrare lină a site-ului. Nimic nu m-ar face mai fericit1 decât o mutare fără sughiț la arhitectura DigitalOcean. Dar hai, știm cu toții ceva apare întotdeauna când este timpul de plecare. Acest site are peste 7,000 de articole care au fost scrise pe parcursul a 15 ani și au existat 19 versiuni ale site-ului în acel interval de timp. Există atât de multe tipuri de postări personalizate, câmpuri personalizate, șabloane de pagină, pluginuri de funcționalități, integrări și o bază de date de peste 6 GB pentru a fi mutată și mapată către un sistem existent. Bine că avem aici o echipă de dezvoltatori de top care să o asume!
  • Publicați 1-2 ghiduri noi. Mi-ar plăcea să țintesc mai sus, de fapt. Am trecut de la nouă ghiduri noi în 2020 la un singur ghid nou în 2021 și încă unul anul trecut: Miriam's Ghid complet pentru straturi în cascadă CSS. Mai am o listă cu încă 10 pe care mi-ar plăcea să le scriu, dar cred că vom pune ștacheta foarte jos, având în vedere istoricul nostru recent. Am menționat mai devreme că mi-ar plăcea să încorporez munca lui Mojtaba în Almanah în ghidul CSS Grid existent. Asta nu este o cantitate mică de muncă și l-aș socoti pentru obiectiv dacă reușim.
  • Extinde Almanahul. Acesta este moonshot-ul meu. Mi-ar plăcea să văd mai multe tipuri de documentație acolo. Avem pseudo-selectori și proprietăți, ceea ce este grozav și a fost întotdeauna. Dar, naiba, gândește-te la toate celelalte lucruri pe care le-am putea avea acolo: funcții, reguli at, unități, selectoare, valori ale proprietăților etc. Nu facem decât să zgâriem suprafața a ceea ce ar putea intra acolo! Dacă primim măcar unul dintre ele, aș intra place-self: heaven.

Mulțumesc așa, așa, so mult!

Acesta este jobul meu de vis și nu l-aș avea fără cititori ca tine. Nu-mi vine să cred că au trecut opt ​​ani de când a fost publicat primul meu articol și că sunt încă aici, Lucrând cu învăţând de la cele mai strălucite minţi din domeniul nostru. Aș putea divaga (mai mult decât am avut deja) despre cât de mult înseamnă comunitatea CSS-Tricks pentru mine, dar ceea ce se reduce cu adevărat este... mulțumesc, mulțumesc, mulțumesc. Din toată inima, mulțumesc.

Și mulțumesc tuturor oamenilor buni de aici de la DigitalOcean care au făcut o casă grozavă pentru CSS-Tricks. Felicitari deosebite lui Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick și Kirstyn Kellogg pentru că m-au făcut personal la curent și m-au făcut să mă simt binevenit aici. Este un loc grozav.

Înainte, mergem!

Timestamp-ul:

Mai mult de la CSS Trucuri