Terima Kasih (Edisi 2022) Kecerdasan Data PlatoBlockchain. Pencarian Vertikal. Ai.

Terima Kasih (Edisi 2022)

Stempel Waktu: 28 Desember 2022 10:46

Anda tahu, ini adalah tahun di mana Chris biasanya menerbitkan refleksi besar tahun lalu. Itu pertama satu diterbitkan pada tahun 2007, tahun yang sama CSS-Tricks dimulai, dan itu berlanjut sepanjang tahun 2021 tanpa kehilangan irama. Setelah menjadi pembaca CSS-Tricks sendiri selama bertahun-tahun, saya tidak suka melihat perubahan itu.

Jadi, inilah kami! 2022 pasti tahun heckuva sejauh transisi berjalan. Saat ini tahun lalu, kami melihat ke depan pada beberapa tujuan untuk tahun yang akan datang (yang akan kami capai) tetapi akhirnya bergabung dengan DigitalOcean. Itu adalah perubahan besar-besaran (permainan kata-kata) namun Anda tetap bersama kami sepanjang jalan. Sangat berarti bagi saya bahwa begitu banyak dari Anda datang ke sini untuk membaca hal-hal yang saya dan banyak penulis tamu lainnya terbitkan di sini. Itu bukan komunitas (atau kesenangan apa pun) tanpa kalian semua.

Terima kasih!

Ini adalah posting terakhir yang kami terbitkan tahun ini saat kami menutup tanda Gone Fishin kami untuk liburan. Kami akan kembali Januari 9 dengan serentetan konten yang segar dari oven.

Oke, disinilah kita mulai menggali analitik situs. Itu adalah sesuatu yang selalu kami transparan dan akan terus kami lakukan. Ini tidak seperti nomor kami berada di kotak hitam terlarang, dan harapannya adalah membagikannya entah bagaimana membantu Anda dan bisnis Anda.

lalu lintas secara keseluruhan

Secara keseluruhan, Google Analytics menunjukkan total 64m tampilan halaman sepanjang tahun. Itu tentu saja turun dari 88m tahun lalu, yang sekilas mengkhawatirkan. Maksudku, siapa yang ingin melihat a 27% penurunan lalu lintas dari tahun ke tahun?

Tapi ada alasan bagus untuk itu karena kami menerbitkan a tentu saja kurang konten tahun ini. Kita semua tahu Chris adalah seorang penulis yang produktif (dan masih, tentu saja), sering mengeluarkan banyak posting sehari. Sepertinya kami kehilangan kontributor paling produktif kami untuk sebagian besar tahun ini. Mari kita bandingkan aktivitas penerbitan selama beberapa tahun terakhir:

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

Penurunan 27% dalam tampilan halaman jauh lebih sedikit mengingat kami menerbitkan 43% artikel lebih sedikit dari tahun lalu, dan kekalahan 67% kurang dari total keseluruhan tahun 2020.

Hmm, saya tidak merasa bekerja 67% lebih sedikit…

Dan semua ini dilengkapi dengan peringatan bahwa inilah yang kami dapatkan dari Google Analytics. Dalam beberapa tahun terakhir, Chris telah membandingkan angka-angka itu dengan statistik dari cloudflare (lapisan CDN yang berada di atas situs) dan jetpack (plugin yang menghubungkan situs WordPress yang dihosting sendiri ke fitur SaaS-y WordPress.com). Hasilnya selalu konsisten tidak konsisten sejauh saya bahkan tidak mau repot-repot untuk melihat kali ini. (Baiklah, baiklah mungkin hanya Jetpack… yang menunjukkan 59.9 juta tampilan halaman — anehnya lebih dari total 2021 juta tahun 55.)

Artikel, dengan angka

Inilah yang selalu saya nantikan setiap tahun! Berikut adalah sepuluh artikel teratas di tahun 2022 itu diterbitkan pada tahun 2022:

  1. 6 Ide Kreatif untuk Efek CSS Link Hover —Harshil Patel
  2. Jelaskan 10 Baris Pertama dari Source Code Twitter kepada Saya —Anand Chowdhary
  3. Apa Alat Front-End Terpopuler di Tahun 2021? —Louis Lazaris
  4. Ganti Dialog JavaScript Dengan Elemen Dialog HTML Baru —Mads Stoumann
  5. Ucapkan Halo ke menu pilih, Elemen pilih yang dapat Gaya Sepenuhnya —Patrick Brosset
  6. Kirim Permintaan HTTP dengan Andal saat Pengguna Meninggalkan Halaman —Alex MacArthur
  7. grid-template-columns —Mojtaba Seyedi
  8. Panduan Lengkap untuk Lapisan Cascade CSS —Miriam Suzanne
  9. Kueri Basis Data CSS? Tentu kita bisa! — Chris Coyier
  10. CSS-Tricks bergabung dengan DigitalOcean! — Chris Coyier

Saya benar-benar terkejut bahwa yang terakhir tidak lebih tinggi dalam daftar. Dan saya sangat senang melihat salah satu dari Alamanac di sana, terutama karena Mojtaba berhasil semua properti CSS Grid selama satu setengah tahun terakhir dan dia menjatuhkannya dari rata-rata. Saya pikir saya memiliki pegangan yang baik di grid sampai saya mulai membaca semua nugget emas yang dia masukkan ke dalam setiap properti. Ada begitu banyak yang harus dipelajari di sana dan Mojtaba memiliki keahlian untuk menjelaskan hal-hal rumit dengan jelas. Saya berharap untuk memperbarui Panduan Kotak CSS dengan semua informasi segar itu (tetapi lebih dari itu sebentar lagi).

Saya juga suka melihat panduan CSS Cascade Layers di sana! Saya sangat senang bekerja dengan Miriam di dalamnya. Jika Anda tidak mengetahuinya, dia seorang editor untuk spec. Ini adalah suguhan (dan kehormatan, sungguh) untuk menjadi tuan rumah karyanya di sini dan membuatnya tersedia bagi kita semua untuk bookmark dan referensi.

Inilah 11-20 untuk tendangan:

  1. Animasi Dengan JavaScript Dasar —Md Shuvo
  2. Flutter Untuk Pengembang Web Front-End —Obumuneme Nwabude
  3. Grid CSS dan Bentuk Kustom, Bagian 1 — Temani Afif
  4. Tulis HTML, Cara HTML (Bukan Cara XHTML) —Jens Oliver Meiert
  5. Tur Whistle-Stop dari 4 Fitur Warna CSS Baru — Chris Coyier
  6. Efek Arahkan Arah Keren Yang Menggunakan Properti Latar Belakang — Temani Afif
  7. Mari Membuat Bahasa Pemrograman Kecil — Md Shuvo
  8. Efek Arahkan CSS Keren Yang Menggunakan Kliping Latar Belakang, Masker, dan 3D — Temani Afif
  9. Daftar Isi Sempurna Dengan HTML + CSS —Nicholas C. Zakas
  10. Sidik Jari Berbasis CSS — Chris Coyier

Semua posting yang diterbitkan pada tahun 2022 make up 4.8m tayangan laman, atau tentang 7.8% dari semua tampilan halaman. Artikel kami yang paling banyak dilihat selalu yang lama Panduan Flexbox yang terkumpul 5.8m pandangan tahun ini. Saya ingin melihat konten baru kami melebihi satu item itu, dan saya yakin itu akan mudah terjadi jika kami terus mempercepat penerbitan. Di belakang matematika serbet di sini, tetapi kami mungkin telah melihat sekitar 67 juta tampilan halaman jika kami telah menerbitkan 540 artikel lagi untuk mencocokkan jumlah artikel yang diterbitkan tahun lalu.

Jika kita mundur beberapa langkah, kita dapat melihat artikel yang paling banyak dilihat dari tahun lalu, terlepas dari kapan diterbitkan:

  1. Panduan Lengkap untuk Flexbox
  2. Panduan Lengkap untuk Grid
  3. Gambar Latar Halaman Penuh Sempurna
  4. Bentuk CSS
  5. Kueri Media untuk Perangkat Standar
  6. Menggunakan SVG
  7. Cara Menskalakan SVG
  8. Segitiga CSS
  9. Perbatasan Gradien di CSS
  10. Potong String dengan Ellipsis
  11. Cara penggunaan @font-face dalam CSS

Yap, hampir sama dengan tahun lalu. Dan tahun sebelumnya. Dan tahun sebelumnya. Dan… yah, hampir. "Gradient Borders in CSS" adalah hal baru, menabrak box-shadow properti dari daftar. Segala sesuatu yang lain dari empat tempat hanya bertukar tempat.

Berbicara tentang properti di Almanac, saya ingin melihat apa yang paling Anda rujuk tahun lalu:

  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

Satu semu di atas dan tidak lain adalah properti setelah itu. Menarik, mengingat fungsi pemilih semu relasional seperti :has(), :is(), dan :where() adalah anak-anak baru di blok.

Buletin

Angka-angka di sini terlalu berantakan untuk menarik kesimpulan yang berwawasan. Setelah pindah ke DigitalOcean, kami harus menghapus daftar 91K+ pelanggan kami untuk tujuan kepatuhan dan hasilnya anjlok. Jika Anda dikeluarkan dari daftar, Anda dapat berlangganan kembali di sini.

Berita bagus? Kami masih melakukan buletin! Kami sebenarnya memecatnya kembali pada bulan Agustus setelah jeda lima bulan. Kami berada di irama mingguan, tetapi sekaligus sebulan sekarang sementara Anda benar-benar menulisnya. Saya yakin berharap untuk mengembalikannya ke publikasi mingguan. (Aku merindukanmu, Robin!)

Pembaruan situs

Sebagian besar tentang menjaga kapal tetap mengapung, jika saya jujur. Selain beberapa perubahan kecil dan pemeliharaan, situs ini hampir sama seperti tahun lalu.

Itu akan berubah besar di tahun 2023. Jika Anda mengikuti bulanan kami Dibalik CSSscene pembaruan, maka Anda tahu bahwa kami berencana untuk memigrasikan CSS-Tricks dari WordPress ke CMS rumahan yang sama yang digunakan DigitalOcean untuk semua (bintang) konten komunitas.

Pekerjaan itu dimulai beberapa bulan lalu dan harus selesai dalam paruh pertama tahun ini. Anda dapat bertaruh bahwa kami akan terus mengabari Anda sepanjang jalan. Selain itu desain segar dan back-end baru, seharusnya bisnis seperti biasa. Jika Anda memiliki pertanyaan tentang pekerjaan itu dan apa artinya untuk publikasi front-end favorit Anda, silakan hubungi saya di komentar or tembak saya email.

Jika Anda belum melihatnya, berikut adalah beberapa kompilasi yang dibuat oleh desainer kami, Logan Liffick:

Ulasan tujuan 2021

Oy, aku bahkan ragu untuk melihat. Semua upaya yang dilakukan untuk berintegrasi dengan DigitalOcean dan menemukan ritme baru mendominasi waktu semua orang, menyisakan sedikit yang berharga untuk memecahkan tujuan Chris, yaitu:

  • ✅ Lebih fokus SEO. Saya akan memberi kita nilai kelulusan di sini. Yang benar adalah bahwa Chris dan saya sudah menyelidiki hal ini sebelum akuisisi. Kami mengganti plugin Yoast SEO dengan RankMath, memanfaatkan alat dalam editornya untuk membantu kami mempelajari cara mengoptimalkan postingan kami untuk hasil pencarian. Dan untuk memperjelas: ini bukan tentang meningkatkan lalu lintas untuk mendapatkan lebih banyak pendapatan sponsor daripada mengakui bahwa pencarian adalah cara utama pembaca seperti Anda menemukan kami, dan memudahkan Anda menemukan apa yang Anda cari. Itu terutama benar sekarang karena kami didukung oleh DigitalOcean dan kurang mengandalkan sponsor daripada sebelumnya.
  • 🚫 Buku digital lainnya. Berayun dan ketinggalan! Yah, kami tidak pernah benar-benar mengayunkan, atau melangkah ke kotak pemukul dalam hal ini. (Apakah ini cara kerja analogi olahraga?) Chris menerbitkan buku tentang Trik CSS Terhebat pada tahun 2020 dan menjadikannya sebagai pelanggan CSS-Tricks berbayar. Idenya adalah untuk melakukan yang lain tahun ini, tetapi kami menghapus langganan berbayar dan membuka Trik CSS Terhebat untuk dinikmati semua orang, gratis.
  • 🚫 Lebih banyak eksperimen media sosial. Tidak! Tapi itu mungkin yang terbaik, mengingat posisi Twitter saat ini. Kami mungkin terpaksa bereksperimen di bidang ini tahun depan lebih karena kebutuhan daripada minat. Twitter selalu menjadi sumber lalu lintas CSS-Tricks; sedemikian rupa sehingga berinvestasi di dalamnya terasa seperti meletakkan telur kita di keranjang yang salah, eh ember. Saya tidak tahu. Sebagian dari diri saya hanya ingin duduk di tangan saya dan melihat bagaimana keadaan berubah sebelum memutuskan sesuatu yang baru atau berbeda.

penetapan target 2023

Tahun baru, tujuan baru, kan? Izinkan saya untuk menyampaikan banyak kata di mulut tim dan memproyeksikan apa yang menurut saya adalah prioritas utama kami menuju tahun 2023:

  • Migrasi situs yang lancar. Tidak ada yang bisa membuatku lebih bahagia1 daripada perpindahan bebas cegukan ke arsitektur DigitalOcean. Tapi ayolah, kita semua tahu sesuatu selalu muncul saat waktunya pergi. Situs ini memiliki 7,000+ artikel yang telah ditulis selama 15 tahun, dan ada 19 versi situs dalam rentang waktu tersebut. Ada begitu banyak jenis posting khusus, bidang khusus, templat halaman, plugin fungsionalitas, integrasi, dan database yang lebih dari 6GB untuk dipindahkan dan dipetakan ke sistem yang ada. Untung kami memiliki tim pengembang terkemuka di sini untuk mengerjakannya!
  • Publikasikan 1-2 panduan baru. Sebenarnya saya ingin membidik lebih tinggi. Kami beralih dari sembilan panduan baru di tahun 2020 menjadi satu panduan baru yang remeh di tahun 2021, dan satu lagi di tahun lalu: Miriam's Panduan Lengkap untuk CSS Cascade Layers. Saya memiliki daftar 10 lagi yang ingin saya tulis, tetapi menurut saya kami akan menetapkan standar yang sangat rendah mengingat rekam jejak kami baru-baru ini. Saya sebutkan sebelumnya bahwa saya ingin memasukkan karya Mojtaba di Almanac ke dalam panduan CSS Grid yang ada. Itu bukan pekerjaan kecil dan saya akan menghitungnya menuju tujuan jika kita bisa melakukannya.
  • Perluas Almanak. Ini foto bulan saya. Saya ingin melihat lebih banyak jenis dokumentasi di sana. Kami memiliki pemilih semu dan properti, yang bagus dan selalu begitu. Tapi, ya ampun, pikirkan semua hal lain yang bisa kita miliki di sana: fungsi, at-rules, unit, penyeleksi, nilai properti, dll. Kita hanya menggores permukaan dari apa yang mungkin ada di sana! Jika kita mendapatkan salah satunya saja, aku akan masuk place-self: heaven.

Terima kasih, jadi, so banyak!

Ini adalah pekerjaan impian saya dan saya tidak akan memilikinya tanpa pembaca seperti Anda. Saya tidak percaya sudah delapan tahun sejak artikel pertama saya diterbitkan dan saya masih di sini, bekerja dengan belajar dari pikiran paling cemerlang di bidang kita. Saya bisa mengoceh (lebih dari yang sudah saya miliki) tentang seberapa besar arti komunitas CSS-Tricks bagi saya, tetapi yang sebenarnya terjadi adalah… terima kasih, terima kasih, Terima kasih. Dari lubuk hatiku, Terima kasih.

Dan terima kasih kepada semua orang baik di sini di DigitalOcean yang telah membuat rumah yang bagus untuk CSS-Tricks. Tos spesial ekstra untuk Haley Mills, Sydney Rossman Reich, Bradley Kouchi, Karen Digi, David Berg, Matt Crowley, Logan Liffick, dan Kirstyn Kellogg karena telah mempercepat saya secara pribadi dan membuat saya merasa sangat diterima di sini. Ini adalah tempat yang bagus untuk menjadi.

Maju, kita pergi!

Stempel Waktu:

Lebih dari Trik CSS