Grazie (edizione 2022)

Sai, questo è il periodo dell'anno in cui Chris normalmente pubblica una grande riflessione sull'anno passato. Il primo è stato pubblicato nel 2007, lo stesso anno in cui è iniziato CSS-Tricks, e it continuato per tutto il 2021 senza perdere un colpo. Essendo stato io stesso un lettore di CSS-Tricks per tutti quegli anni, non vorrei vedere quel cambiamento.

Allora eccoci qua! Il 2022 è stato sicuramente un anno incredibile per quanto riguarda la transizione. In questo periodo dell'anno scorso, stavamo guardando avanti ad alcuni obiettivi per il prossimo anno (a cui arriveremo) ma alla fine siamo entrati a far parte di DigitalOcean. È stato un enorme cambiamento epocale (gioco di parole) eppure sei rimasto con noi per tutto il tempo. Significa davvero molto per me che così tanti di voi vengano qui per leggere le cose che io e una sfilza di altri scrittori ospiti pubblichiamo qui. Semplicemente non è una comunità (o divertimento) senza di voi.

Grazie!

Questo è l'ultimo post che pubblichiamo quest'anno mentre appendiamo il nostro cartello Gone Fishin' per le vacanze. Torneremo Gennaio 9 con una marea di contenuti appena sfornati.

OK, è qui che iniziamo a scavare nell'analisi del sito. Questo è qualcosa su cui siamo sempre stati trasparenti e che continueremo a fare. Non è che i nostri numeri siano in una scatola nera off-limits, e la speranza è che condividerli in qualche modo aiuti te e il tuo business.

Traffico complessivo

Nel complesso, Google Analytics mostra un totale di 64m visualizzazioni di pagina per l'intero anno. Quello è modoyyyy in calo rispetto agli 88 milioni dello scorso anno, il che a prima vista è allarmante. Voglio dire, chi vuole vedere a 27% calo del traffico anno dopo anno?

Ma c'è una buona ragione per questo perché abbiamo pubblicato a modo meno contenuti quest'anno. Sappiamo tutti che Chris era uno scrittore prolifico (e ancora è, ovviamente), spesso sputando più post al giorno. È come se avessimo perso il nostro collaboratore più produttivo per la maggior parte dell'anno. Confrontiamo l'attività editoriale degli ultimi anni:

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

Un calo del 27% nelle visualizzazioni di pagina è molto meno preoccupante considerando che abbiamo pubblicato 43% meno articoli rispetto allo scorso anno, e un enorme 67% meno del totale complessivo del 2020.

Hmm, non mi sembra di lavorare il 67% in meno...

E tutto questo viene fornito con l'avvertenza che questo è proprio ciò che otteniamo da Google Analytics. Negli anni passati, Chris ha confrontato quei numeri con le statistiche di Cloudflare (il livello CDN che si trova in cima al sito) e jetpack (il plug-in che collega il nostro sito WordPress self-hosted alle funzionalità SaaS-y di WordPress.com). I risultati sono sempre costantemente incoerenti al punto che questa volta non mi preoccupo nemmeno di guardarmi intorno. (Va bene, va bene forse solo Jetpack… che mostra 59.9 milioni di visualizzazioni di pagina – stranamente più dei 2021 milioni totali del 55.)

Articoli, dai numeri

Questo è ciò che non vedo l'ora ogni anno! Ecco i primi dieci articoli del 2022 che sono stati pubblicati nel 2022:

1. 6 idee creative per gli effetti al passaggio del mouse sui collegamenti CSS — Harshil Patel
2. Spiegami le prime 10 righe del codice sorgente di Twitter —Anand Chowdhary
3. Quali sono stati gli strumenti front-end più apprezzati nel 2021? — Luigi Lazzari
4. Sostituisci le finestre di dialogo JavaScript con il nuovo elemento finestra di dialogo HTML — Mads Stomann
5. Dì ciao a selectmenu, un elemento select completamente in grado di stilizzare —Patrick Brosset
6. Invia in modo affidabile una richiesta HTTP quando un utente lascia una pagina — Alex MacArthur
7. grid-template-columns — Mojtaba Seyedi
8. Una guida completa ai CSS Cascade Layer —Miriam Susanne
9. Query al database CSS? Sicuro che possiamo! — Chris Coyer
10. CSS-Tricks si unisce a DigitalOcean! — Chris Coyer

In realtà sono sorpreso che l'ultimo non fosse in cima alla lista. E sono davvero entusiasta di vederne uno dell'Alamanac lì dentro, soprattutto perché Mojtaba ha sgretolato tutte le proprietà CSS Grid nell'ultimo anno e mezzo e l'ha buttato fuori dal campo da baseball. Pensavo di avere una buona padronanza della griglia finché non ho iniziato a leggere tutte le pepite d'oro che ha messo in ogni proprietà. C'è così tanto da imparare lì dentro e Mojtaba ha un talento per spiegare chiaramente cose complicate. Spero di aggiornare il Guida alla griglia CSS con tutte quelle nuove informazioni (ma ne parleremo tra poco).

Mi piace anche vedere la guida CSS Cascade Layers! Mi sono divertito così tanto a lavorare con Miriam. Se non lo sapevi, lei è un redattore per le specifiche. È un piacere (e un onore, davvero) ospitare qui il suo lavoro e renderlo disponibile per tutti noi come segnalibro e riferimento.

Ecco 11-20 per i calci:

11. Animazione con JavaScript di base —Md Shuvo
12. Flutter per sviluppatori Web front-end —Obumuneme Nwabude
13. Griglia CSS e forme personalizzate, parte 1 — Temani Afif
14. Scrivi HTML, nel modo HTML (non nel modo XHTML) — Jens Oliver Meiert
15. Un tour di 4 nuove funzionalità di colore CSS — Chris Coyer
16. Fantastici effetti al passaggio del mouse che utilizzano le proprietà dello sfondo — Temani Afif
17. Creiamo un piccolo linguaggio di programmazione — Signor Shuvo
18. Fantastici effetti CSS al passaggio del mouse che utilizzano il ritaglio dello sfondo, le maschere e il 3D — Temani Afif
19. Un sommario perfetto con HTML + CSS — Nicholas C. Zakas
20. Impronte digitali basate su CSS — Chris Coyer

Tutti i post che sono stati pubblicati nel 2022 compongono 4.8m visualizzazioni di pagina o informazioni su 7.8% di tutte le visualizzazioni di pagina. Il nostro articolo più visto è sempre il vecchio Guida FlexBox che ha raccolto 5.8m viste quest'anno. Mi piacerebbe vedere i nostri nuovi contenuti superare quell'elemento, e credo che sarebbe successo facilmente se avessimo mantenuto il ritmo di pubblicazione. Indietro della matematica del tovagliolo qui, ma potremmo essere stati circa 67 milioni di visualizzazioni di pagina se avessimo pubblicato altri 540 articoli per eguagliare il numero di articoli pubblicati dell'anno scorso.

Se facciamo qualche passo indietro, possiamo vedere gli articoli più visti dell'anno passato, indipendentemente da quando sono stati pubblicati:

1. Una guida completa a Flexbox
2. Una guida completa alla griglia
3. Immagine di sfondo perfetta per tutta la pagina
4. Le forme dei CSS
5. Media query per dispositivi standard
6. Utilizzando SVG
7. Come ridimensionare SVG
8. triangolo CSS
9. Bordi sfumati in CSS
10. Tronca la stringa con i puntini di sospensione
11. Come si usa @font-face nei CSS

Sì, quasi identico all'anno scorso. E l'anno prima. E l'anno prima. E... beh, quasi. "Gradient Borders in CSS" è nuovo, superando il box-shadow proprietà fuori elenco. Tutto il resto, dai quattro posti in poi, si è semplicemente scambiato di posto.

Parlando delle proprietà nell'Almanacco, voglio vedere a cosa avete fatto più riferimento lo scorso anno:

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

Uno pseudo in cima e nient'altro che proprietà dopo. Interessante, dato che lo pseudo selettore relazionale funziona come :has(), :is()e :where() sono nuovi ragazzi sul blocco.

Newsletter

I numeri qui sono troppo confusi per trarre conclusioni perspicaci. Dopo il passaggio a DigitalOcean, abbiamo dovuto ripulire il nostro elenco di oltre 91 abbonati per motivi di conformità e il numero è crollato di conseguenza. Se sei stato eliminato dalla lista, puoi iscriverti di nuovo qui.

Le buone notizie? Stiamo ancora facendo la newsletter! In realtà lo ha riacceso ad agosto dopo una pausa di cinque mesi. Avevamo una cadenza settimanale, ma adesso lo facciamo una volta al mese mentre il sottoscritto lo sta davvero creando. Spero davvero di riportarlo a una pubblicazione settimanale. (Mi manchi, Robin!)

Aggiornamenti del sito

Si trattava principalmente di tenere a galla la nave, se devo essere onesto. A parte alcune piccole modifiche e manutenzione, il sito è praticamente dov'era in questo periodo l'anno scorso.

Ciò cambierà alla grande nel 2023. Se ti sei tenuto al passo con il nostro mensile Dietro le scene CSS aggiornamenti, allora sai che stiamo pianificando di migrare CSS-Tricks da WordPress allo stesso CMS casalingo che DigitalOcean utilizza per tutti i suoi (stellari) contenuto della comunità.

Quel lavoro è iniziato un paio di mesi fa e dovrebbe essere completato entro la prima metà dell'anno. Puoi scommettere che ti terremo aggiornato lungo la strada. Oltre a un design originale e un nuovo back-end, dovrebbe funzionare come al solito. Se hai domande su quel lavoro e su cosa significa per la tua pubblicazione front-end preferita, per favore contattami nei commenti or sparami una e-mail.

Se non l'hai ancora visto, ecco alcune composizioni che il nostro designer, Logan Liffick, ha messo insieme:

Revisione obiettivo 2021

Oy, sono riluttante persino a guardare. Tutto lo sforzo necessario per integrarsi con DigitalOcean e trovare un nuovo ritmo ha dominato il tempo di tutti, lasciando poco prezioso per tentare di raggiungere gli obiettivi di Chris, che erano:

• ✅ Maggiore attenzione alla SEO. Ci darò un voto positivo qui. La verità è che io e Chris ci stavamo già impegnando prima dell'acquisizione. Abbiamo sostituito il plug-in Yoast SEO con RankMath, sfruttando i suoi strumenti interni all'editor per aiutarci a imparare come ottimizzare i nostri post per i risultati di ricerca. E per essere chiari: non si tratta di aumentare il traffico per maggiori entrate di sponsorizzazione piuttosto che riconoscere che la ricerca è il modo principale in cui i lettori come te ci trovano e rendere più facile per te trovare ciò che stai cercando. Ciò è particolarmente vero ora che siamo supportati da DigitalOcean e ci affidiamo alle sponsorizzazioni molto meno di prima.
• 🚫 Un altro libro digitale. Swing e una signorina! Beh, in realtà non abbiamo mai oscillato in primo luogo, né siamo entrati nel box di battuta per quella materia. (È così che funzionano le analogie sportive?) Chris ha pubblicato un libro di I più grandi trucchi CSS nel 2020 e ha reso un vantaggio di essere un abbonato CSS-Tricks a pagamento. L'idea era di farne un altro quest'anno, ma ci siamo sbarazzati degli abbonamenti a pagamento e abbiamo aperto The Greatest CSS Tricks affinché tutti possano divertirsi, gratuitamente.
• 🚫 Più sperimentazione sui social media. No! Ma potrebbe essere meglio così, considerando dove si trova Twitter in questo secondo. Potremmo essere costretti a sperimentare in quest'area il prossimo anno più per necessità che per interesse. Twitter è sempre stato una goccia nel proverbiale secchio del traffico CSS-Tricks; tanto che investire in esso sembra mettere le nostre uova nel paniere sbagliato, ehm secchio. Non so. Una parte di me vuole solo sedersi con le mani in mano e vedere come vanno le cose prima di decidere qualcosa di nuovo o diverso.

2023 definizione degli obiettivi

Nuovo anno, nuovi obiettivi, giusto? Consentitemi di mettere un mucchio di parole in bocca al team e proiettare quelle che ritengo siano le massime priorità per noi che ci dirigiamo verso il 2023:

• Una migrazione del sito senza intoppi. Niente mi renderebbe più felice¹ piuttosto che un passaggio senza intoppi all'architettura di DigitalOcean. Ma dai, lo sappiamo tutti qualcosa arriva sempre quando è ora di andare. Questo sito contiene oltre 7,000 articoli che sono stati scritti in 15 anni e ce ne sono stati 19 versioni del sito in quel lasso di tempo. Esistono così tanti tipi di post personalizzati, campi personalizzati, modelli di pagina, plug-in di funzionalità, integrazioni e un database di oltre 6 GB da spostare e mappare su un sistema esistente. Meno male che abbiamo un team di sviluppatori di prim'ordine qui per affrontarlo!
• Pubblica 1-2 nuove guide. Mi piacerebbe puntare più in alto, in realtà. Siamo passati da nove nuove guide nel 2020 a una misera nuova guida nel 2021, e un'altra lo scorso anno: Miriam's Guida completa ai CSS Cascade Layer. Ho un elenco di altri 10 che mi piacerebbe scrivere, ma penso che fisseremo l'asticella molto in basso dato il nostro recente track record. Ho accennato in precedenza che mi piacerebbe incorporare il lavoro di Mojtaba nell'Almanacco nella guida CSS Grid esistente. Non è una piccola quantità di lavoro e lo conterei per l'obiettivo se riuscissimo a farcela.
• Espandi l'Almanacco. Questo è il mio colpo di luna. Mi piacerebbe vedere più tipi di documentazione lì dentro. Abbiamo pseudo-selettori e proprietà, il che è fantastico e lo è sempre stato. Ma, accidenti, pensa a tutte le altre cose che potremmo avere lì dentro: funzioni, regole at, unità, selettori, valori di proprietà, ecc. Stiamo solo grattando la superficie di ciò che potrebbe esserci dentro! Se ne prendiamo anche solo uno, io ci sarei place-self: heaven.

Grazie così, così, so tanto!

Questo è il lavoro dei miei sogni e non lo avrei senza lettori come te. Non riesco a credere che siano passati otto anni dalla pubblicazione del mio primo articolo e che io sia ancora qui, lavorando con imparando dalle menti più brillanti nel nostro campo. Potrei divagare (più di quanto abbia già fatto) su quanto significhi per me la comunità CSS-Tricks, ma in realtà si tratta di... grazie, grazie, grazie. Dal profondo del mio cuore, grazie.

E grazie a tutte le brave persone qui a DigitalOcean che hanno creato un'ottima casa per CSS-Tricks. Batti il ​​cinque extra speciale a Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick e Kirstyn Kellogg per avermi aggiornato personalmente e avermi fatto sentire il benvenuto qui. È un ottimo posto dove stare.

Avanti, andiamo!