Cuplikan Kode 2024, Desember

Kami telah berbicara tentang "Mengapa Ems?" disini sebelumnya. Bagi mereka yang baru mengenal nilai-nilai em, Jaringan Pengembang Mozilla melakukan pekerjaan yang sangat baik dalam menjelaskan ems: ... an em is "

Berurusan dengan jalan selalu sedikit mengganggu, Anda akan menyerah. Untungnya, Sass sangat mudah memiliki API yang bagus untuk mengelola aset dan "

Meskipun sangat membantu dengan aritmatika, Sass sedikit kurang dalam hal fungsi pembantu matematika. Ada masalah terbuka di repositori resmi untuk "

Melalui Alex King, Anda dapat menggunakan variabel untuk penyeleksi: $ a-tags: 'a, a: active, a: hover, a: visiting'; $ a-tags-hover: 'a: aktif, a: hover'; # ($ a-tags) (color: "

Kerangka kerja Sass Kompas menyediakan fungsi praktis untuk mendapatkan arah berlawanan dari suatu posisi, misalnya ke kiri saat melewati kanan sebagai argumen. Ini"

Jika Anda tertarik untuk menangani prefiks vendor CSS Anda sendiri (daripada, katakanlah, Autoprefixer atau Compass), berikut adalah mixin untuk membantunya. Agak"

Tidak ada cara mudah untuk mengkualifikasikan pemilih dari dalam kumpulan aturan yang terkait. Yang saya maksud dengan kualifikasi adalah menambahkan nama elemen (misalnya a) ke kelas "

Artikel dari Juli 2013 ini menjelaskan metode penggunaan elemen psuedo untuk mempertahankan rasio aspek elemen, meskipun skalanya. Ini campuran Sass yang "

Desain Material telah ada di mana-mana belakangan ini. Salah satu bagiannya terdiri dari tumpukan lapisan di atas satu sama lain seperti lembaran kertas asli. Untuk mencapai"

Jika ada satu singkatan CSS yang secara dramatis terlewat, itulah yang memungkinkan untuk menentukan properti posisi, serta empat properti offset "

Kreasi Desain Web Responsif sering kali ada di beberapa breakpoint yang berbeda. Mengelola breakpoint tersebut tidak selalu mudah. Menggunakannya dan memperbarui "

Saat menggali lebih dalam teori warna, ada sesuatu yang disebut luminansi warna relatif. Sederhananya, luminansi warna menentukan apakah "

Untuk pembuat pustaka dan pembuat kerangka kerja, memiliki beberapa fungsi tambahan untuk menerapkan fungsi secara dinamis ke item dari daftar mungkin berguna. Sini"

Saat memperluas pemilih dengan direktif @extend, Sass tidak mengambil konten CSS dari pemilih diperpanjang untuk meletakkannya di ekstensi diperpanjang. Saya t"

Saat berurusan dengan angka dalam JavaScript atau bahasa pemrograman lainnya, ada cara untuk memotong angka setelah n digit. Sayangnya tidak ada"

Kurva Bézier dapat digunakan untuk menambahkan efek yang indah pada transisi dan animasi CSS. Mengetik notasi fungsional penuh (misalnya kubik-bezier (0,550, "

Saat mengerjakan arsitektur Sass yang kompleks, tidak jarang menggunakan peta Sass untuk mempertahankan konfigurasi dan opsi. Dari waktu ke waktu, Anda akan melihat peta "

Scrollbar adalah salah satu komponen UI yang ada di hampir setiap halaman internet, namun kami (pengembang) memiliki sedikit atau tidak ada kendali atasnya. "

Ada peretasan CSS yang cukup populer yang menggunakan batas transparan pada elemen 0-width / 0-height untuk meniru segitiga. Ada cuplikan CSS di sini di CSS-Tricks "

Dengan asumsi elemen induk memiliki posisi: relatif ;, keempat properti ini akan memusatkan elemen anak baik secara horizontal maupun vertikal di dalam, tidak masalah "

Saat mengonversi bilangan tak bersatuan menjadi panjang, durasi, sudut, atau apa pun, orang cenderung menambahkan satuan sebagai string, seperti ini: $ value: 42; "

Dalam ilmu komputer, kami menggunakan kata penjepit sebagai cara untuk membatasi angka di antara dua angka lainnya. Saat dijepit, sebuah angka akan tetap memiliki nilainya sendiri "

Saya mendapati diri saya menggunakan properti ini bersama-sama sepanjang waktu, yang biasanya merupakan peluang bagus untuk abstraksi seperti mixin: @mixin coverer ("

Pengantar terbaik untuk BEM adalah dari Harry Roberts: BEM - artinya blok, elemen, pengubah - adalah metodologi penamaan ujung depan yang dipikirkan oleh orang-orang di "

Karakter & di Sass unik karena mewakili pemilih saat ini. Itu berubah saat Anda bersarang. Katakanlah Anda bersarang, tetapi Anda menginginkan akses ke "

Sangat umum membutuhkan sedikit hitam atau putih transparan. Di CSS, Anda dapat melakukan: .half-black (background: rgba (0, 0, 0, 0.5);) Lebih mudah dalam "

Kumpulan fungsi ini untuk menguji apakah nilai variabel berjenis tertentu. Misalnya, apakah 13rem panjang relatif? BENAR! Apakah "dingin"

Function getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Penggunaan echo getZeroPaddedNumber (123, 4); // keluaran "

Regex di bawah ini menguji kode pos yang diberikan jika diawali dengan angka 096 dan tepat ada 2 angka setelahnya. Jika ya, itu bergema Ya, jika "

$ url = 'http://example.com'; $ validasi = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'URL yang sesuai'; "