Senarai keinginan CSS untuk 2025

2024 adalah tahun yang cemerlang untuk CSS: Penukaran Pandangan Cross-Document, Animasi yang Dipandu Skrol, Posisi Anchor, Ketinggian Animasi: Automatik, dan banyak lagi. Walaupun kedengarannya sedikit, kami masih menantikan lebih banyak ciri CSS. Banyak ciri!

Kami menyumbangkan beberapa idea ... dan beberapa idea anda.

senarai keinginan Geoff

Saya fikir kita sudah mempunyai banyak alat CSS yang sangat baik sekarang. Kami mempunyai banyak perkara hebat - dan baru! - Fungsi, saya masih cuba belajar banyak dari mereka.

tapi! Selalu ada ruang untuk barang yang lebih baik, bukan? Atau mungkin ada ruang untuk empat perkara baru. Jika saya boleh meminta sebarang ciri CSS baru, saya akan memilihnya.

1. akan datang tidak lama lagi! Atau jika anda fikir Kumpulan Kerja CSS (CSSWG) telah memutuskan untuk menambah keadaan IF () ke spesifikasi modul nilai CSS, maka ia sudah wujud. Ini adalah peningkatan yang besar, walaupun ia mengambil masa satu atau dua tahun (atau lebih?!) Untuk mendapatkan secara formal dan pergi ke pelayar.

pemahaman saya tentang jika () adalah bahawa ia adalah komponen utama dalam melaksanakan pertanyaan gaya kontena, yang akhirnya saya inginkan. Mampu memohon gaya secara kondusif mengikut gaya elemen lain boleh dikatakan sebagai grail suci CSS. Kita sudah dapat gaya elemen mengikut gaya unsur -unsur lain: mempunyai (), jadi ini akan memanjangkan sihir ini, termasuk gaya bersyarat.

2

Ini lebih seperti ciri "icing on the cake", kerana saya rasa ia sepenuhnya kepada alam preprocessor CSS dan percaya ia adalah baik untuk mempunyai alat untuk abstraksi ringan, seperti menulis fungsi atau campuran dalam CSS. Tetapi jika seseorang menawarkan saya campuran, saya pasti tidak akan mengatakan tidak. Ini mungkin jerami terakhir yang menghancurkan preprocessor CSS dan membolehkan saya menulis CSS tulen 100% masa, kerana sekarang saya cenderung menggunakan sass apabila saya memerlukan mixin atau fungsi.

Saya telah menulis sekumpulan nota mengenai cadangan Mixin dan spesifikasi draf awalnya untuk memberitahu anda mengapa saya mahukan ciri ini.

3.

Ya, tolong! Ini adalah kemudahan pemaju kecil yang menjadikan CSS setanding dengan penulisan anotasi dalam bahasa lain. Saya cukup yakin menulis anotasi JavaScript di CSS saya harus berada dalam senarai kesilapan CSS yang paling bodoh (walaupun saya tidak meletakkannya di sana).

4

Saya hanya membenci aritmetik, okey? ! Kadang -kadang saya hanya mahu perkataan atau tajuk pendek yang saiznya sesuai dengan bekas yang ada. Kita boleh menggunakan alat seperti pengapit () untuk tipografi cecair, bagaimanapun, ini masih matematik yang saya tidak mahu mengganggu. Anda mungkin berfikir bahawa menggunakan pertanyaan kontena dan unit pertanyaan kontena untuk tetapan saiz fon mungkin penyelesaian, tetapi itu tidak lebih baik daripada unit Viewport.

senarai keinginan Ryan

Saya hanya pemaju CSS yang mudah dan kecil dan saya sangat gembira dengan semua ciri baru yang telah muncul dalam penyemak imbas saya sejak beberapa tahun kebelakangan ini.

5.

Saya tidak memerlukan lebih banyak persuasi mengenai kedudukan CSS Anchor, saya sudah mempercayainya! Selepas belajar bagaimana ia berfungsi untuk kebanyakan bulan November, saya tahu saya tidak akan dapat menggunakannya dalam masa terdekat pada bulan Disember.

Pada akhir tahun 2024, hanya penyemak imbas berasaskan kromium yang menyokongnya, dan malangnya, penambahbaikan dan peningkatan progresif tidak mudah. Walau bagaimanapun, terdapat polyfill yang tersedia (yang hebat), tetapi itu bermakna menambah satu lagi kod JavaScript, yang berbeza dengan masalah yang diselesaikan oleh kedudukan utama.

Tetapi saya bersabar, saya menunggu lama untuk mendapatkan: telah memasuki penyemak imbas, dan sekarang telah " baru tersedia " dalam garis dasar selama setahun (bolehkah anda mempercayainya?).

6. Saya suka kedudukan sauh, saya suka popup, mereka sepadan dengan baik!

Perkara yang bijak mengenai popup adalah bahawa mereka muncul di #lapisan atas, jadi anda boleh mengelakkan masalah menyusun yang berkaitan dengan Z-indeks. Ini mungkin semua orang yang diperlukan, tetapi ia akan menjadi menyeronokkan untuk mempunyai cara lain untuk memindahkan unsur -unsur di sana. Juga, sekarang saya tahu #lapisan atas wujud, saya mahu menggunakannya untuk melakukan lebih banyak perkara

perkara - Saya ingin tahu apa yang ada di luar sana.

Apa sebenarnya yang berlaku? Baiklah, saya mungkin harus bermula dengan spesifikasi. Ternyata modul susun atur kedudukan CSS Tahap 4 Draf membincangkan #lapisan atas, tujuannya, dan kaedah mengendalikan gaya unsur-unsur yang terkandung di dalamnya. Menariknya, #lapisan atas dikawal oleh ejen pengguna dan nampaknya merupakan hasil sampingan API skrin penuh.

Dialog dan pop-up pada masa ini mungkin, tetapi secara optimis, kewujudan ciri-ciri ini mungkin bermakna unsur-unsur boleh dipromosikan ke #lapisan atas dengan cara lain pada masa akan datang. Ini kemungkinan besar kes jenis coyote/road runner, kerana saya tidak pasti apa yang akan saya lakukan dengannya sebaik sahaja saya mendapatkannya.

7.

Secara peribadi, cascade mengubah cara saya menulis CSS. Saya fikir ia akan menjadi hebat jika kita boleh memasukkan atribut lapisan pada tag . Bayangkan dapat memasukkan semula CSS dalam projek anda, contohnya:

atau, secara dinamik menambah bahagian CSS mengikut halaman yang anda lawati dan mengintegrasikannya ke dalam lata anda:

Ciri ini dicadangkan pada repo CSSWG, sama seperti kebanyakan perkara dalam kehidupan: Ia rumit .

<code><link href="https://cdn.com/some/reset.css" layer="reset" rel="stylesheet"></code>

Pelayar sangat pemilih tentang sifat -sifat yang mereka tidak kenali, ditambah dengan kebimbangan yang jelas tentang pengendalian penolakan. Topik ini juga diserahkan kepada Kumpulan Senibina Teknologi W3C (TAG) untuk perbincangan, jadi masih ada harapan!

senarai keinginan Juandi

<code>
<link href="/styles/main.css" rel="stylesheet">
<link href="/components/card.css" layer="components" rel="stylesheet"></code>

Saya harus mengakui bahawa saya tidak berada di sana ketika internet liar dan orang mempunyai kaunter klik. Malah, saya fikir saya cukup muda berbanding dengan ahli rangkaian purata anda. Walaupun saya tahu bagaimana membuat susun atur dengan terapung (kursus web pertama yang saya pilih sangat ketinggalan zaman), saya tidak perlu menahannya untuk masa yang lama sebelum menggunakan grid Flexbox atau CSS dan tidak pernah menggigit gigi saya pada sokongan IE dan penyemak imbas.

Jadi, berbanding dengan ciri -ciri yang diperlukan oleh rangkaian pada masa lalu - dan bahkan beberapa yang terkini, keinginan berikut mungkin kelihatan seperti permintaan remeh. Bagaimanapun, berikut adalah tiga permintaan remeh yang saya harap dapat melihat pada tahun 2025:

8.

Ini adalah salah satu daripada perkara -perkara yang anda bersumpah ia sepatutnya mungkin dengan CSS. Keadaan ini adalah seperti berikut: Saya mendapati diri saya ingin mengetahui jumlah indeks atau elemen kanak -kanak elemen dalam adiknya. Saya tidak boleh menggunakan fungsi kaunter () kerana kadang -kadang saya memerlukan bilangan bulat dan bukannya rentetan. Kaedah semasa adalah untuk mengikat kod indeks dalam html:

<code><link href="https://cdn.com/some/reset.css" layer="reset" rel="stylesheet"></code>

susu
Telur
keju

atau, tulis setiap indeks dalam CSS:

<code>
<link href="/styles/main.css" rel="stylesheet">
<link href="/components/card.css" layer="components" rel="stylesheet"></code>

Sama ada, saya selalu meninggalkan perasaan bahawa ia harus lebih mudah untuk memetik nombor ini; Ia akan menjadikan kod untuk animasi interleaved lebih cantik, ringkas, atau hanya mengubah gaya berdasarkan jumlah keseluruhan.

bernasib baik, sudah ada cadangan draf kerja untuk fungsi adik-beradik () dan adik-beradik (). Walaupun sintaks mungkin berubah, saya berharap dapat mendengar lebih banyak tentang mereka pada tahun 2025.

<code></code>

9.

Saya mencuri ini dari Adam Argyle, tetapi saya berharap ada cara yang lebih baik untuk mengimbangi susun atur Flex-Wrap. Apabila elemen membungkus garis satu demi satu ketika bekas menyusut, mereka sama ada ditinggalkan dengan jurang sahaja (saya tidak membencinya) atau berkembang untuk mengisinya (yang membuatkan saya merasa sangat menyakitkan):

Saya harap ada cara yang lebih asli untuk mengimbangi elemen pemecahan garis:

Ini pasti menjengkelkan.

10.

Saya sangat suka CSSWG dan segala -galanya, jadi saya menghabiskan banyak masa membaca draf kerja mereka, soalan GitHub atau nota mengenai mesyuarat mereka. Tetapi ketika saya suka melompat dari satu pautan ke yang lain di github mereka, sukar untuk mencari semua soalan yang berkaitan dengan perbincangan tertentu.

Saya fikir ini menimbulkan bar untuk memulakan dalam menyatakan pendapat anda mengenai topik tertentu. Sekiranya anda ingin terlibat dalam soalan, anda harus memahami gambaran besar semua perbincangan (apa yang dikatakan, mengapa beberapa perkara tidak berfungsi, perkara lain yang perlu dipertimbangkan, dan sebagainya), tetapi ia biasanya bertaburan di beberapa soalan atau mesyuarat. Walaupun soalan mungkin panjang, ia bukan masalah (saya suka membacanya), tetapi ia tidak menyedari bahawa sebahagian daripada perbincangan ada di suatu tempat.

Jadi, walaupun ia bukan keinginan CSS langsung, saya berharap ada cara yang lebih mudah untuk mengenali keseluruhan kisah perbincangan sebelum terlibat.

Apa yang ada dalam senarai keinginan anda?

kami bertanya! Anda menjawab! Berikut adalah beberapa pilihan dari orang ramai:

• secara langsung putar imej latar belakang, contohnya latar belakang-berputar: 180deg
• css rawak () dengan parameter julat, lanjutan dan jenis
• mod kedudukan penentuan titik CSS membolehkan kedudukan kursor tetikus, penunjuk, atau kedudukan titik sentuh
• pemilih rentetan yang digunakan untuk menanyakan perkataan tertentu dalam blok teks dan gunakan gaya setiap kali perkataan muncul
• Kelas yang tersembunyi asli.
• Posisi: melekit dengan A: Terjejas Pseudo-Class

Saya doakan yang terbaik pada tahun 2025 ...

Trajektori trik CSS tidak semestinya begitu lancar dalam beberapa tahun kebelakangan ini, jadi keinginan terbesar kami untuk tahun 2025 adalah untuk terus menulis dan memberi inspirasi mengenai web. Selamat 2025!

Atas ialah kandungan terperinci Senarai keinginan CSS untuk 2025. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!