clamp() adalah fungsi matematika CSS yang menetapkan nilai antara minimum dan maksimum: clamp(MIN, VAL, MAX). Mengembalikan VAL selama berada antara MIN dan MAX — saat VAL turun di bawah MIN ia mengembalikan MIN, dan saat naik di atas MAX ia mengembalikan MAX. Ini membuat tipografi fluid mungkin tanpa media query.
Atur ukuran font minimum dan maksimum, plus rentang viewport tempat penskalaan terjadi. Alat ini menghitung formula berbasis vw yang sempurna dan menampilkan pratinjau ukuran font pada enam lebar viewport, plus kurva perubahan ukuran di seluruh rentang.
Frequently Asked Questions
Q: Apa yang dilakukan clamp() di CSS?
Apa yang dilakukan clamp() di CSS? clamp(MIN, VAL, MAX) memilih nilai antara MIN dan MAX. Jika VAL lebih kecil dari MIN ia mengembalikan MIN, jika lebih besar dari MAX ia mengembalikan MAX, selain itu mengembalikan VAL. Sempurna untuk ukuran fluid yang tidak pernah terlalu kecil atau besar.
Q: Apa beda clamp() dengan min() dan max()?
Apa beda clamp() dengan min() dan max()? min() memilih nilai terkecil, max() nilai terbesar, dan clamp() menggabungkan keduanya: menjepit nilai tengah antara batas bawah dan atas. clamp() adalah andalan tipografi fluid.
Q: Apakah clamp() didukung semua browser?
Apakah clamp() didukung semua browser? Ya. clamp(), min(), dan max() didukung di semua browser modern sejak 2020 (Chrome 79+, Firefox 75+, Safari 13.1+).
Q: Ukuran viewport apa untuk tipografi fluid?
Ukuran viewport apa untuk tipografi fluid? Rentang umum adalah 320px-1200px untuk situs umum, atau 360px-768px untuk proyek mobile-first. Di luar vmax ukuran tetap di maksimum — itu disengaja.
Q: Bisakah clamp() dipakai untuk spasi juga?
Bisakah clamp() dipakai untuk spasi juga? Ya. Padding dan gap fluid memakai formula yang sama: clamp(16px, 4vw, 48px). Spasi fluid menjaga ritme antar perangkat tanpa media query tambahan.
Warna Batik Indonesia
Dari coklat sogan hingga biru indigo, warna batik Indonesia mewarisi teknik pewarnaan alami dari daun indigo, kulit pohon soga, dan kunyit. Setiap warna menyimpan filosofi Jawa yang dalam.
Coklat Sogan #8B4513Warna khas batik klasik dari kulit pohon soga
Biru Indigo #1A3A5CPewarna alami dari daun indigo (nila)
Merah Batik #C41E3AWarna berani khas batik pesisir
Kuning Kunyit #E3A857Kuning alami dari rimpang kunyit
Hijau Lumut #8A9A5BWarna alami dari campuran indigo dan kunyit
Ungu Terong #614051Warna buah terong khas batik Sidoarjo
Krem Batik #F5F0E1Warna dasar kain mori sebelum dibatik
Hitam Pekat #1B1B1BHitam dari getah pohon tingi untuk batik keraton
Biru Langit #4A90D9Warna langit cerah khas batik pesisir
Oranye Jingga #FF7F00Warna cerah khas batik kontemporer
Q: Apa itu warna sogan?
Apa itu warna sogan? Sogan (#8B4513) adalah warna coklat khas batik klasik yang dihasilkan dari kulit pohon soga. Warna ini identik dengan batik keraton Yogyakarta dan Solo yang elegan.
Q: Bagaimana warna indigo batik dibuat?
Bagaimana warna indigo batik dibuat? Biru indigo (#1A3A5C) dibuat dari daun indigo (Indigofera tinctoria) yang direndam dan difermentasi. Pewarna alami ini telah digunakan sejak zaman kerajaan Jawa.