Kalender Advent, pembungkus CSS, pembaruan platform web, dan banyak lagi – Beragampengetahuan

Selamat datang untuk pertama kalinya Yang penting!kumpulan berita CSS dan pengembangan web terbaik dari dua minggu terakhir. Jika Anda terdesak waktu (siapa yang tidak?) atau Anda tidak dapat melewatkan apa pun yang berhubungan dengan CSS, inilah yang dapat Anda tinjau:

• Artikel CSS/Pengembangan Web terbaik di web,
• Pengumuman menarik dan link bacaan cepat yang kami bagikan,
• Rilis terbaru terbaik dari Chrome, Firefox, dan Safari,
• Mungkin masih ada lagi.

Mari kita gali lebih dalam!

Kalender Kedatangan HTMHell 2025

Manuel Matuzović telah membuat Kalender Advent HTMLHell 2025 yang agak mengerikan (dan semuanya menyenangkan), terdiri dari 24 artikel yang berpusat pada HTML – pada dasarnya, satu artikel untuk setiap hari hingga Natal. Tentu saja, kami telah menyertakan 16 artikel bagus, dan masih ada 8 artikel lagi yang akan datang, jadi Anda pasti akan mendapat hadiahnya. Sorotan bagi saya sejauh ini adalah artikel tentang Perintah Invoker, yang mulai minggu ini didukung oleh semua browser web, jadi ini sama-sama menguntungkan!

logo WebKit ::target-text

WebKit menulis sesuatu tentang ::target-text. Saya senang mereka melakukan ini karena saya belum pernah mendengarnya, meskipun Sunkanmi memiliki artikel bagus tentangnya di beragampengetahuan. Teks target adalah teks yang terkadang disorot oleh mesin pencari saat mengarahkan Anda ke suatu halaman web, namun sebenarnya kita sendiri dapat menyorot teks tersebut saat mengirimkan link ke orang lain. ::target-text Pilih teks ini sehingga kita dapat menatanya dan semua browser web mendukungnya – siapa yang tahu?

Berhenti menggunakan JavaScript untuk memperbaiki masalah CSS

Chizaram Ken memandu kita melalui teknik CSS terbaru yang dapat Anda gunakan untuk mengurangi ketergantungan Anda pada JavaScript, dan mengapa kami harus melakukannya. Dengan CSS yang berkembang lebih cepat dari sebelumnya, saya rasa kita akan melihat lebih banyak artikel seperti ini.

Kami memiliki kontrol yang baik atas ligatur

@eva.town dari Bluesky mengatakan akan menyenangkan jika dapat menetapkan aturan tanda hubung yang mencegah kata-kata seperti “lebih ringan” diberi tanda hubung menjadi “lebih ringan” – tetapi @knowler.dev menunjukkan bahwa kita bisa, sampai batas tertentu. ini hyphenate-limit-chars Properti (masih menunggu dukungan Safari) memungkinkan kita menentukan jumlah karakter minimum yang diinginkan di kedua sisi tanda hubung, yang menurut saya cukup baik?

Format warna apa yang harus kita gunakan?

@nadyavoynich.com menanyakan pertanyaan ini, tapi sejujurnya saya masih belum tahu.

Saya telah membuat beberapa poin bagus tentang pemformatan dan kedalaman warna yang dapat dibaca manusia oklch(). Tetapi beberapa alat desain UI bahkan tidak mendukung HSL, lalu kenapa?

Status Pembungkus CSS 2025 dan HTML 2025

Ini adalah waktu sepanjang tahun. Kami telah membahas Spotify’s Wrapped, PlayStation’s Wrap-Up, ulasan tahun Duolingo – sekarang saatnya untuk CSS Wrapped 2025, semua hal terbaru dan terhebat yang telah dilakukan Chrome dengan CSS (dan HTML) tahun ini, dan keadaan HTML 2025, yaitu tentang HTML secara umum.

Percakapan keren, demo seru, dan fitur browser baru

Jika Anda melewatkan salah satu informasi singkat kami, berikut adalah pengumuman dan tautan pengembangan CSS/Web terbaru yang kami bagikan:

Terakhir, kami telah mengumpulkan pilihan fitur CSS dan HTML terbaik yang ditawarkan browser web selama beberapa minggu terakhir:

• Krom 143
• Firefox 146
  • contrast-color()yang memastikan kontras warna optimal antara dua warna (atau setidaknya setelah memanfaatkan CSS Color 6)
  • text-decoration-insetAnda dapat mengontrol posisi dan ukuran dekorasi teks
  • @scopeyang menjadikan pendefinisian konteks cakupan CSS baru sebagai fitur dasar (dan sejujurnya, hal yang paling penting bagi saya Tahun)
  • @custom-mediapada dasarnya merupakan atribut khusus tetapi untuk pertanyaan media, saat ini sedang diuji coba
• Safari 26.2
  • random() Hasilkan angka acak di CSS, tapi sayangnya ini belum didukung di tempat lain.
  • sibling-index() Dan sibling-count() Dapatkan posisi dan nomor saudara secara terpisah (kita tinggal menunggu dukungan Firefox sekarang).
  • field-sizing Aktifkan pengubahan ukuran adaptif pada kolom masukan (sekali lagi, cepatlah Firefox).
  • command Dan commandforsekarang garis dasar, dan pilihan saya untuk fitur HTML terbaik tahun ini, adalah atribut HTML untuk memanggil peristiwa JavaScript tertentu secara deklaratif.
  • hidden=until-foundsekarang juga menjadi garis dasar, digunakan untuk menyembunyikan elemen hingga ditemukan melalui Temukan di Halaman.
  • Selain itu, kami tidak pernah dapat mengaturnya cursor Pada elemen semu, mis. ::before Dan ::aftertapi untungnya sekarang kita bisa!

Ingat, Anda dapat bertemu kami lagi dalam dua minggu – Selamat Liburan!

Penting #1: Kalender Advent, pembungkus CSS, pembaruan platform web, dan banyak lagi yang awalnya diterbitkan di beragampengetahuan, bagian dari keluarga DigitalOcean. Anda harus menerima buletin.