Terima kasih (versi 2024)

Jujur saja: menulis postingan ini terasa seperti sebuah tugas selama beberapa tahun. Mengumpulkan dan merefleksikan apa yang terjadi sepanjang tahun adalah suatu keharusan untuk situs seperti ini, terutama jika itu adalah tradisi yang sudah ada sejak tahun 2007. <>“Hei, lihat semua hal keren yang telah kita lakukan!”

Tahun ini berbeda. Jauh berbeda. SAYA lagi Bersyukur kali ini karena, tahun lalu, saya bahkan tidak bisa menulis postingan ini. Kali ini tahun lalu, saya adalah seorang mahasiswa penuh waktu yang ingin mendapatkan gelar master sambil melakukan pekerjaan kontrak paruh waktu.

Tapi sekarang setelah saya kembali, menulis ini terasa menyenangkan. Ada banyak kegembiraan dalam tulisan saya ketika saya mengatakan: <>Terima kasih banyak! Terima kasih kepada Anda dan dukungan Anda terhadap situs ini, saya telah kembali ke pekerjaan tetap saya. Saya akan lalai jika saya tidak mengatakannya, jadi terimalah rasa terima kasih dan penghargaan saya yang tulus. <>Terima kasih!

-Advertisement-.


Mari kita rayakan tahun ini dan rekap apa yang terjadi di sini pada tahun 2024.

Lalu lintas keseluruhan

Apakah ada gunanya mengatakan sesuatu tentang lalu lintas? Tampilan halaman situs ini mengalami tren penurunan sejak tahun 2020 seperti halnya blog mana pun tentang pengembangan front-end, tetapi blog tersebut benar-benar runtuh ketika situs tersebut tidak aktif selama lebih dari setahun. Segala sesuatunya mulai bergerak lagi pada akhir Mei, tapi mungkin mendekati pertengahan Juni ketika mesin sudah menyala penuh dan kami melanjutkan penerapan reguler.

Dan ya. Dengan posting reguler, muncullah gelombang tampilan halaman baru. Sungguh lucu betapa besar perbedaan yang dihasilkan hanya dengan menyalakan lampu.

Semua dikatakan dan dilakukan, kami memilikinya 26 juta Tampilan halaman unik pada tahun 2024. Itulah yang kami dapatkan pada tahun 2023 ketika lalu lintas menurun, jadi menurut saya ini adalah kemenangan karena kami menghentikan pendarahan dan mencapai titik impas tahun ini.

untuk mempublikasikan

Sedikit sejarah mengenai jumlah artikel yang kami terbitkan setiap tahun:

  • 2020:1.183 artikel
  • 2021:890 artikel (Situs diakuisisi oleh DigitalOcean)
  • 2022:390 artikel
  • 2023: 0 artikel (situs sementara tidak aktif)
  • 2024: 153 artikel (situs dilanjutkan pada akhir Juni)

Beralih dari 0 artikel menjadi 153 (termasuk artikel ini) dalam enam bulan bukanlah tugas kecil. Saya adalah satu-satunya penulis di tim sampai sekitar bulan Oktober. Hanya ada kami bertiga sekarang; Sampai saat itu, kami semua adalah pekerja paruh waktu. Antara kita dan 19 penulis tamumenurut saya kami melampaui ekspektasi dalam hal kuantitas – tetapi saya sangat bangga dengan upaya dan… <>kualitas Yang termasuk dalam masing-masingnya. Sangat mudah untuk membayangkan menerbitkan lebih dari 400 artikel pada tahun 2025 jika kita menjaga momentum.

Contoh kasus: Kami menerbitkan sejumlah besar Tiga petunjuk Dalam enam bulan:

  • Tentukan posisi jangkar CSS
  • Satuan panjang CSS
  • Pemilih CSS

Ini mungkin tidak terlihat banyak, jadi saya akan memasukkannya ke dalam konteksnya. Kami hanya menerbitkan satu panduan pada tahun 2022 dan tujuan kami adalah menulis tiga panduan sepanjang tahun 2021. Kami sudah memiliki tiga panduan tahun ini saja, dan semuanya benar-benar fantastis. Saya mengunjungi panduan Juan's Anchor Positioning sebanyak — jika tidak lebih dari — saya menggunakan panduan Flexbox dan Grid.

Dan di atas semua ini, kami mendapatkannya 34 tambahan baru Ke kalender CSS-Trik! Ini mencakup semua fitur Pemosisian Jangkar dan Transisi Tampilan, ditambah fitur baru lainnya seperti @starting-style. Alasan kami menghabiskan begitu banyak waktu di kalender adalah karena kami telah mencapai beberapa pencapaian penting…

Pembaruan situs web

Di sinilah sebagian besar tahun dihabiskan, jadi mari kita bagi menjadi bagian-bagian yang mudah dicerna.

kalender

Bandingkan header halaman kalender lama dengan header baru yang berisi link ke bagian baru.

Kami telah memperbarui semuanya! Dulunya hanya selektor dan properti, tapi sekarang kita bisa menulis tentang segala hal mulai dari aturan dan fungsi hingga elemen semu dan segala sesuatu di antaranya. Kami masih membutuhkan banyak bantuan di luar sana, jadi mungkin pertimbangkan untuk menulis tamu bersama kami. 😉

Daftar isi

Tampilkan widget Daftar Isi di sidebar kanan artikel.

Kami telah menyertakan tautan jangkar untuk judul bagian dalam artikel selama beberapa tahun, tetapi hal itu memerlukan penggunaan blok WordPress dan agak membatasi dalam hal penempatan dan penyesuaian. Kami sekarang membuat tautan ini secara otomatis dan menyertakan ketentuan yang memungkinkan kami mengaktifkan dan menonaktifkannya untuk artikel tertentu. Saya sedang mengerjakan artikel tentang bagaimana semua ini bersatu dan akan menerbitkannya setelah liburan.

Catatan

Layar catatan utama dengan tiga kartu catatan pertama muncul berturut-turut.

Ada bagian baru di mana kami mencatat apa yang ditulis orang lain dan membagikan informasi kami kepada Anda. Motivasinya adalah untuk mengurangi hambatan menulis dengan lebih leluasa. Penulisan teknis memerlukan banyak kehati-hatian dan perencanaan, sehingga mengganggu pembelajaran terbuka dan berbagi. Dengan cara ini, kami memiliki tempat sentral di mana Anda dapat melihat apa yang kami pelajari dan bergabung dengan kami sepanjang prosesnya — seperti kumpulan catatan yang saya ambil dari kursus gratis Bramus yang hebat tentang animasi berbasis gulir.

Halaman tautan utama berisi dua artikel tertaut pertama yang muncul dalam daftar vertikal dengan informasi tentang tautan tersebut.

Ini adalah area lain dari situs yang mendapat lapisan cat baru. Ya, lebih dari sekedar cat. Biasanya tautan berada di jalur yang sama dengan artikel, tutorial, dan panduan lainnya yang kami terbitkan. Tautan dimaksudkan agar cepat dan dapat dibagikan, sehingga Anda dapat memulai percakapan jika Anda mau. Memecahnya dari umpan utama menjadi bagian unggulannya sendiri membantu mengurangi kekacauan di situs ini sambil menyorot tautan dengan lebih terang dengan jalur yang lebih cepat ke artikel asli. Seperti ketika ada sumber daya baru untuk mempelajari penempatan jangkar, kita dapat menerapkannya dengan lebih mudah.

Kunjungan cepat

Halaman Beranda Quick Hits CSS-Tricks menampilkan dua item pertama dalam daftar vertikal.

Kami telah memperkenalkan konten baru lainnya dalam bentuk frasa pendek yang biasanya Anda temukan kami posting di Mastodon atau Bluesky. Kami masih menerbitkannya di platform tersebut tetapi sekarang kami dapat menulisnya di sini di situs dan mengeluarkannya bila diperlukan. Ada banyak fleksibilitas di sana, meskipun kita belum memberikan banyak cinta.

Dia memilih

Halaman beranda pilihan CSS-Tricks menampilkan dua pilihan pertama dalam tumpukan vertikal.

Ada intisari baru dari artikel yang kita baca. Ini mungkin terlihat sangat mirip dengan link, tapi idenya adalah kita cukup “membintangi” sesuatu dari pembaca RSS kita dan itu akan muncul di feed. Itu hanyalah artikel menarik yang menarik perhatian kami dan ingin kami soroti serta dibagikan, meskipun kami tidak memiliki komentar untuk disumbangkan. Ini adalah gagasan Chris beberapa tahun yang lalu, dan sangat menyenangkan melihatnya membuahkan hasil. Saya akan menulis sesuatu tentang itu setelah istirahat, tetapi Anda sudah bisa menuju ke sana.

Kondisi dasar

Lihat plugin Status Dasar di Direktori Plugin WordPress.

Oh, ini menyenangkan! Saya melihat tim Chrome telah menyusun komponen web baru untuk menyematkan informasi dukungan browser platform web pada halaman tersebut, jadi saya mulai mengubahnya menjadi blok WordPress yang dapat kita gunakan di seluruh kalender, yang telah kita mulai diluncurkan saat konten dipublikasikan atau diperbarui (seperti di sini di a anchor-name kepemilikan). Saya masih berusaha menulis artikel tentang topik ini, namun saya sudah menyediakannya di Direktori Plugin WordPress jika Anda ingin mendapatkannya untuk situs WordPress Anda.

Atau di sini… Saya cukup menaruhnya dan menunjukkannya kepada Anda.

Bagikan penggeser

Penggeser untuk entri kalender terbaru, menampilkan lima kartu pertama berturut-turut.

Ini adalah salah satu hal pertama yang saya lakukan ketika kembali ke tim. Kami ingin menampilkan lebih banyak artikel di halaman beranda sehingga lebih mudah menemukan jenis konten tertentu, apakah itu lima artikel terbaru, 10 item atau panduan kalender terbaru, atau trik CSS klasik dari masa lalu… hal semacam itu. Jadi, kami beralih dari sekadar menampilkan 10 artikel terbaru dan mengembangkan serangkaian bilah postingan yang diambil dari berbagai area situs. Mengonversi komponen penggeser postingan yang ada ke blok WordPress membuatnya jauh lebih portabel dan lebih mudah untuk memperbarui beranda – dan halaman atau postingan lain mana pun yang mungkin memerlukan penggeser postingan. Sebenarnya, ada hal lain yang bisa saya tunjukkan di sini…

Trik klasik

Permata CSS yang tak lekang oleh waktu

kondisi

Pada tanggal 6 Oktober 2021

Gulir animasi

Chris Coyer

kondisi

Pada tanggal 6 Oktober 2021

Kilatan kuning

Chris Coyer

kondisi

Pada tanggal 6 Oktober 2021

Bentuk gambar sendiri

Chris Coyer

kondisi

Pada tanggal 6 Oktober 2021

Bayangan bergerak

Chris Coyer

kondisi

Pada tanggal 20 Mei 2020

Blok gaya yang dapat diedit

Chris Coyer

kondisi

Pada tanggal 6 Oktober 2021

Menggulir kursor

Chris Coyer

kondisi

Pada tanggal 15 Maret 2020

Segitiga batas

Chris Coyer

kondisi

Pada tanggal 3 Oktober 2021

Gulir pin ke bawah

Chris Coyer

kondisi

Pada tanggal 5 Juli 2021

Gambar latar belakang bergulir tanpa batas

Chris Coyer

Jadi ya. Tahun ini pembangunannya lebih berat dibandingkan tahun-tahun sebelumnya. Namun semuanya dilakukan dengan pola pikir membuat konten mudah ditemukan, dipublikasikan, dan dibagikan. Saya harap ini sedikit menginjak pedal gas yang mempercepat kemampuan kami dalam menghadirkan konten baru kepada Anda.

tujuan tahun 2025

Saya cukup ragu untuk merumuskan tujuan baru ketika banyak hal masih berubah-ubah, namun perencana dalam diri saya tidak dapat menahan diri. Jika aku bisa membayangkan suatu hari di akhir tahun depan ketika aku memikirkan hal-hal seperti ini, aku akan bahagia, tidak. <>Lebih pintarJika Anda dapat mengatakan bahwa kami melakukan hal-hal ini:

  • Publikasikan 1-2 panduan baru. Kami sudah memiliki dua yang sedang dikerjakan! Namun, standar kualitasnya sangat tinggi, sehingga masih ada perjalanan yang harus dilakukan mulai dari perencanaan hingga penerbitan dua panduan yang sangat baik dan ringkas.
  • Isi kalender. Ya ampun, banyak pekerjaan yang harus diselesaikan di sudut kecil situs ini. Kami hanya tinggal beberapa halaman di bagian aturan dan fungsi yang baru saja kami buat dan kami dapat menggunakan semua bantuan yang kami dapatkan.
  • Mulai ulang buletin. Ini adalah sesuatu yang sangat ingin saya lakukan. Saya tahu saya rindu membaca buletin (terutama ketika Robin menulisnya) dan komunitas ini tampak lebih kecil dan lebih tenang tanpanya. Versi terakhir dirilis pada Desember 2022, dan kini saatnya dirilis kembali. Mur dan bautnya masih terpasang. Yang kami perlukan hanyalah sedikit sumber daya tambahan dan kemauan untuk melakukannya, dan setidaknya setengah dari jumlah tersebut sudah tercukupi.
  • Lebih banyak penulis tamu. Saya sebutkan sebelumnya bahwa kami telah bekerja dengan 19 penulis tamu sejak Juni tahun ini. Itu bagus, tapi itu juga belum cukup karena situs ini berkembang pesat dalam menghadirkan suara-suara dari luar yang bisa kita pelajari. Tentu saja kami sedang sibuk dengan pengembangan dan segala macam pembaruan lainnya pada situs ini, namun saya ingin menekankan kembali program penulisan kami tahun ini, dengan prioritas tertinggi adalah membuat penyampaian gagasan semulus mungkin, menerima umpan balik mengenai gagasan tersebut di tepat waktu, dan mendapatkan bayaran untuk apa yang dipublikasikan. Ada banyak pekerjaan tak terlihat yang dilakukan dalam hal ini, tetapi upaya semua orang layak dilakukan karena ini sama-sama menguntungkan (penulis menang, pembaca menang, CSS-Trik menang, DigitalOcean menang).

Di sini sampai tahun 2025!

<>Terima kasih. Ini adalah hal terpenting yang ingin saya katakan. Terima kasih khusus kepada Juan Diego Rodriguez dan Ryan Trimble. Anda mungkin tidak mengetahuinya, tetapi mereka bergabung dengan tim pada musim gugur ini dan sangat membantu. Saya berharap setiap tim memiliki Juan dan Ryan seperti saya, kami semua akan menjadi lebih baik, itu sudah pasti. Saya tahu saya belajar banyak dari mereka dan saya yakin Anda akan (atau akan!) juga.

Juan Diego dengan senyum lebar tampak agak ke kanan.
Ryan Trimble tersenyum sambil melihat ke kiri.

Beri mereka tos ketika Anda melihatnya karena mereka pantas mendapatkannya. ✋


Terima Kasih (Versi 2024) awalnya diterbitkan di CSS-Tricks, bagian dari keluarga DigitalOcean. Anda harus mendapatkan buletin.

Sumber

-Advertisement-.

IDJ