เครื่องมือนักพัฒนา
สร้าง CSS Grid
ออกแบบ CSS Grid layouts แบบเห็นภาพ — ตั้งคอลัมน์ แถว ช่องว่าง spans และการจัดตำแหน่งพร้อมดูตัวอย่างสดและ CSS output ทันที
Grid Container
Live Preview
1
2
3
4
5
6
7
8
9
Generated CSS
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 100px);
column-gap: 8px;
row-gap: 8px;
}สำรวจต่อ
เครื่องมือนักพัฒนา อื่นๆ ที่คุณอาจชอบ...
จัดรูปแบบ JSON
จัดรูปแบบ ตรวจสอบ และย่อข้อมูล JSON พร้อม syntax highlighting
ลองเลย
เข้ารหัส/ถอดรหัส Base64
เข้ารหัสข้อความเป็น Base64 และถอดรหัสสตริง Base64
ลองเลย
เข้ารหัส/ถอดรหัส URL
เข้ารหัสและถอดรหัสส่วนประกอบ URL และ query strings
ลองเลย
สร้าง UUID
สร้างตัวระบุ UUID v4 แบบสุ่ม
ลองเลย
สร้าง Hash
สร้างแฮช MD5, SHA-1, SHA-256 และ SHA-512 จากข้อความ
ลองเลย
ทดสอบ Regex
ทดสอบและดีบัก regular expressions พร้อมไฮไลท์การจับคู่
ลองเลย
ถอดรหัส JWT
ถอดรหัสและตรวจสอบ header และ payload ของ JWT token
ลองเลย
จัดรูปแบบ HTML
จัดรูปแบบโค้ด HTML พร้อมการเยื้องที่เหมาะสม
ลองเลย