Panduan praktis utilitas browser
Artikel singkat yang menjelaskan alur kerja di balik alat.
Pola Regex praktis
Panduan praktis untuk mengecek Regex JavaScript pada form, pencocokan route, dan pencarian log.
Sebelum menulis Regex, siapkan contoh yang harus cocok dan contoh yang harus gagal. Lalu cek flag, grup tangkapan, dan escape agar hasil tidak keliru.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Contoh jadwal Cron
Contoh dan catatan untuk membuat jadwal menit, jam, hari, dan bulan dengan five-field cron.
Sebelum menyalin ekspresi Cron, pahami menit, jam, hari dalam minggu, dan bulan. Lalu pastikan runtime memakai five-field, Quartz, atau variasi zona waktu.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Meta tag SEO
Panduan meta tag penting untuk snippet pencarian, preview sosial, canonical URL, dan halaman duplikat.
Sebelum membuat meta tag, pastikan title, description, canonical URL, dan Open Graph URL menjelaskan halaman akhir yang sama. Pintu duplikat melemahkan sinyal pencarian.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Batasan preview iframe
Menjelaskan alasan halaman menolak iframe dan cara membaca CSP atau X-Frame-Options saat preview responsif.
Sebelum memakai iframe, cek apakah CSP atau X-Frame-Options memblokir halaman. Alat hanya bisa menampilkan halaman publik yang diizinkan browser.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Teks placeholder untuk desain
Panduan memakai teks placeholder tanpa menutupi masalah tata letak, aksesibilitas, dan tulisan produk.
Teks pengisi membantu menguji jarak, pemotongan baris, dan keadaan kosong, tetapi panjangnya perlu mendekati konten nyata. Teks yang terlalu rapi bisa menutupi overflow.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur kerja utilitas browser
Alur praktis memakai utilitas lokal browser sambil menjaga muatan sensitif dan data produksi.
Saat menangani payload, token, atau konfigurasi, hapus data sensitif dulu, lalu rapikan atau ubah format, dan terakhir cek hasil dengan alat terkait.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Catatan keamanan Hash
Catatan memakai hash MD5, SHA-1, SHA-256, dan SHA-512 tanpa menganggap hash sebagai enkripsi.
MD5, SHA-1, SHA-256, dan SHA-512 berguna untuk verifikasi dan sidik konten. Hash tidak menyembunyikan teks asal dan bukan satu-satunya pelindung password.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur text diff untuk pengembang
Alur membandingkan potongan kode, perubahan konfigurasi, log, dan revisi muatan dengan lebih cepat.
Sebelum membandingkan kode, log, atau konfigurasi, samakan baris baru, indentasi, dan urutan jika memungkinkan. Diff akan lebih jelas menunjukkan perubahan nyata.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur konversi data
Panduan konversi JSON, YAML, dan CSV dengan cek struktur, array, objek, dan hasil sebelum disalin.
Sebelum berpindah antara JSON, YAML, dan CSV, pastikan daftar, objek, nilai kosong, dan pemisah sudah jelas. Setelah konversi, periksa struktur sebelum disalin.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur formatting SQL
Alur merapikan SQL panjang agar kondisi, join, subkueri, dan perbedaan lebih mudah diperiksa.
Saat memformat SQL, jangan ubah kondisi, urutan join, atau isi string. Pakai formatter untuk keterbacaan lalu cek diff agar perubahan hanya spasi dan baris baru.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Pemeriksaan warna dan kontras
Panduan memakai HEX, RGB, HSL, dan rasio kontras agar warna antarmuka tetap terbaca.
Setelah mengubah warna, cek kontras pada latar, ukuran teks, dan status visual yang nyata. Nilai HEX atau RGB saja belum membuktikan keterbacaan.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur generator aman
Panduan membuat password, token, UUID, dan ULID untuk pengembangan tanpa klaim keamanan yang berlebihan.
Password, token, UUID, dan ULID cocok untuk nilai uji, fixture, dan penanda sementara. Jangan anggap hasil lokal sebagai kunci produksi atau kredensial jangka panjang.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Utilitas Web dan SEO
Alur Web SEO untuk robots.txt, sitemap, favicon, penguraian URL, dan pratinjau sosial.
robots.txt, sitemap, canonical URL, dan pratinjau sosial harus mengarah ke kumpulan halaman akhir yang sama. Bereskan status dan pintu duplikat sebelum mengubah judul atau deskripsi.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur debugging jaringan
Panduan mempersempit masalah rilis publik, pengalihan, dan domain dengan status HTTP serta catatan DNS.
Status HTTP, rantai pengalihan, dan catatan DNS membantu memisahkan masalah rilis, domain, dan cache. Cek hanya URL atau host publik.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur utilitas CSS
Panduan memakai perapihan CSS, pemadatan, konversi unit, dan clamp dalam alur tata letak nyata.
Sebelum merapikan CSS, memadatkan, mengubah unit, atau menghitung clamp, pastikan breakpoint, lebar container, dan batas ukuran font. Hasilnya lebih aman untuk antarmuka nyata.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur pembersihan teks
Alur mengurutkan, menghapus duplikat, menghitung, meninjau, dan menormalkan teks sebelum masuk ke kode atau CMS.
Sebelum mengurutkan, menghapus duplikat, menghitung, atau membuat slug, simpan versi awal. Setelah dibersihkan, bandingkan jumlah baris, spasi, dan huruf besar kecil.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.
Alur simbol dan seni teks
Panduan membuat simbol, banner ASCII, dan dot art siap salin sambil mengecek lebar serta perbedaan tampilan.
Simbol dan text art berubah menurut font, lebar, dan baris baru. Tentukan tempat pemakaian dulu, lalu pilih simbol pendek, banner ASCII, atau dot art.
Jauhkan data sensitif
- Pastikan contoh masukan mewakili masalah asli.
- Catat browser, penjadwal, parser, atau lingkungan deploy.
- Jika ada peringatan, periksa lagi dengan alat terkait sebelum menyalin.