▍Snippet

Snippet

Corak kod sedia salin — setiap satu diterangkan, supaya anda tahu apa yang anda tampal.

CSS

Container Responsif
Pembalut (wrapper) di tengah dengan lebar terhad dan ruang tepi, hanya dua baris CSS — tak perlu media query.
Pratonton langsunglayoutmin()custom properties
Butang Gradient CSS
Butang gradient dengan peralihan hover yang lancar, cincin fokus papan kekunci yang jelas dan sokongan reduced motion — CSS sahaja.
Pratonton langsungbuttongradienttransition
Tipografi Fluid dengan clamp()
Saiz fon yang membesar dengan lancar mengikut skrin antara nilai minimum dan maksimum — tanpa merosakkan zoom pelayar.
Pratonton langsungtypographyclamp()responsive

HTML

Pengesahan Borang (Constraint Validation API)
Guna peraturan terbina HTML (`required`, `type`, `pattern`) dengan mesej ralat anda sendiri yang mudah diakses — tanpa library.
Pratonton langsungformsvalidationValidityState

JavaScript

Utiliti

Animasi

Kaunter Beranimasi
Kira nombor naik dengan lancar menggunakan requestAnimationFrame dan easing, mula bila di-scroll, dan hormati prefers-reduced-motion.
Pratonton langsungrequestAnimationFrameeasingIntersectionObserver

React

TypeScript

Utiliti groupBy Bertaip (TypeScript)
Kumpulkan array ke dalam kumpulan dengan inferens jenis penuh — dan fahami kenapa jenis pulangan yang jujur ialah Partial<Record<K, T[]>>.
genericsarraysRecord

Kebolehcapaian