Berita Platform Mingguan: CSS :: Penanda Pseudo-Element, Komponen Web Pra-Rendering, Menambah Webmention ke Laman Anda

Berita Platform Web Mingguan Šime menyampaikan kemas kini yang berwawasan untuk pemaju. Sorotan minggu ini termasuk isu kebolehcapaian papan kekunci dengan pemetik tarikh, pengkompil komponen web baru yang menangani fouc, penanda item senarai gaya dengan CSS, dan panduan mudah untuk menambah webment.

Kebimbangan akses input tarikh

Medan teks standard lebih disukai oleh pengguna papan kekunci ke atas pemetik tarikh yang kompleks; Pengguna pembaca skrin juga mengalami cabaran dengan kawalan tarikh asli. Input teks biasa dengan pengesahan tersuai menawarkan penyelesaian yang lebih mudah diakses.

Mengutamakan input teks biasa untuk tarikh, dengan pengesahan sisi pelanggan dan pelayan, telah terbukti berkesan, terutama untuk tarikh yang diketahui seperti hari lahir.

(melalui Adrian Roselli)

Menyelaraskan komponen web dengan stensil

Stensil, pengkompil komponen web, komponen pra-render (termasuk Shadow Dom) atau penangguhan yang diberikan sehingga gaya selesai, menghalang Fouc (kilat kandungan yang tidak terkawal). Ia mengoptimumkan pemuatan polyfill dan menyediakan API komponen mesra pemaju dengan penghias dan cangkuk yang berguna.

 import {komponen, prop, h} dari "@stencil/core";

@Component ({
  Tag: "komponen saya"
})
kelas eksport myComponent {
  @Prop () umur: nombor = 0;

  render () {
    kembali<div> Saya {this.age} tahun</div> ;
  }
}

(melalui Max Lynch)

Penanda item senarai gaya dengan CSS :: penanda

Pseudo-elemen ::marker Pseudo membolehkan gaya penanda item senarai (peluru, nombor) apabila display: list-item digunakan. Pada masa ini, Firefox adalah penyemak imbas utama dengan sokongan penuh.

(melalui Rachel Andrew)

Melaksanakan Webment dalam Empat Langkah

Menambah Webmentsi ke Laman Anda Meningkatkan Penglibatan dan Interaksi:

1. Daftar: Buat akaun di Webmention.io (perkhidmatan penerimaan web).
2. Tambah Tag Pautan: Sertakan<link rel="webmention" href="%5Byour-webmention-endpoint%5D"> Dalam HTML anda. Plugin CMS juga disediakan.
3. Ambil Webmentsi: Gunakan AJAX untuk mengambil web dari Webmention.io untuk paparan.
4. Autome Penghantaran: Menggunakan Webmention.App Untuk mengautomasikan menghantar webmentions apabila menerbitkan kandungan dengan pautan ke laman web yang dibolehkan web.

(melalui Daniel Aleksandersen)

Atas ialah kandungan terperinci Berita Platform Mingguan: CSS :: Penanda Pseudo-Element, Komponen Web Pra-Rendering, Menambah Webmention ke Laman Anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!