Panduan
Panduan praktis untuk developer, marketer, dan urusan komputer sehari-hari — masing-masing memakai alat gratis devpack yang bisa kamu buka di sebelahnya.
PilihanCara Kompres Gambar Tanpa Mengurangi KualitasKompres gambar tanpa kualitas turun untuk email, formulir, dan website. Ubah ukuran dulu, pilih format yang tepat, lalu atur kualitasnya dan capai batas KB.Baca panduan
Cara Decode dan Debug JWTDecode JWT, baca header dan claim, cari tahu kenapa token ditolak (kedaluwarsa, audience salah, signature tidak valid), dan hindari kesalahan keamanan.
Regex untuk Validasi Email, URL, dan Nomor TeleponPola regex praktis untuk email, URL, dan nomor telepon, alasan pola “sempurna” tidak ada, serta kapan sebaiknya memakai parser ketimbang regex.
Ekspresi Cron Dijelaskan: 15 Contoh Jadwal Nyata dan Jebakan Zona WaktuPahami dan tulis ekspresi cron dengan percaya diri: lima field, 15 jadwal siap salin, jebakan hari-dalam-bulan vs hari-dalam-minggu, dan zona waktu di CI.
Cara Memperbaiki Error CORSPahami mengapa browser memblokir request, cara membaca error CORS, dan header yang tepat untuk Express, Nginx, dan Vercel, termasuk preflight dan cookie.
301 vs 302 vs 307 vs 308: Redirect Mana yang Harus DipakaiKapan pakai redirect 301, 302, 307, atau 308, dampaknya ke SEO dan form POST, cara hindari chain dan loop, serta aturan untuk Apache, Nginx, Vercel.
Generate TypeScript Types dari JSON — dengan Cara yang BenarUbah JSON dari API jadi TypeScript interface, atur field optional, nullable, dan union, lalu validasi runtime pakai JSON Schema agar types sesuai data.
Cara Pasang GA4 dengan Google Consent Mode v2Pasang Google Analytics 4 dengan Consent Mode v2 dengan benar: atur default ditolak, perbarui dari banner cookie, dan cara memastikan semuanya berjalan.
Checklist Header Keamanan HTTP (dengan Konfigurasi Copy-Paste)Header keamanan yang sebaiknya dikirim setiap situs: HSTS, CSP, nosniff, frame-ancestors, Referrer-Policy, Permissions-Policy. Lengkap dengan nilai aman dan konfigurasinya.
Cara Menggabung, Memisahkan dan Mengompres File PDFGabungkan PDF, ambil atau hapus halaman, kecilkan hasil scan agar bisa dikirim lewat email, ubah foto HP jadi PDF, dan tanda tangani. Gratis, di browser, tanpa upload.
Teknik Pomodoro: Cara Benar-Benar Membuatnya BerhasilCara kerja Teknik Pomodoro, apa yang dilakukan saat istirahat, cara mengatasi gangguan, kapan mengubah durasi 25 menit, dan cara mencatat sesi kerjamu.
Cara Tes Webcam dan Mikrofon Sebelum Video CallCek kamera dan mikrofon lewat browser, atasi error “camera not found” dan izin ditolak di Windows dan Mac, serta tampil dan terdengar lebih baik saat call.
Cara Membuat Kata Sandi Kuat dan Cek Apakah Pernah BocorApa yang membuat kata sandi benar-benar kuat, kenapa panjang lebih penting dari simbol, dan cara cek kebocoran data dengan aman lewat password manager.
Parameter UTM Dijelaskan: Lacak Setiap Kampanye di GA4Apa itu parameter UTM, cara menamai source, medium dan campaign agar GA4 mengelompokkannya dengan benar, kapan sebaiknya tidak dipakai, serta cara melacak QR code dan cetakan.
Cara Menulis Title Tag dan Meta Description yang Bikin Orang KlikTulis title tag dan meta description yang diklik: batas panjang piksel, rumus sederhana, cara hindari duplikat, dan tag Open Graph untuk hasil pencarian.
Cara Cek Laptop Bekas Sebelum MembelinyaChecklist 15 menit untuk beli laptop bekas: dead pixel layar, keyboard dan touchpad, kesehatan baterai, spesifikasi asli, penyimpanan, kamera, mic dan kunci akun.
Cara Memperbaiki SPF, DKIM dan DMARCEmail kamu masuk spam? Cek record SPF, DKIM dan DMARC, perbaiki kesalahan umum, lalu naikkan DMARC dari mode pantau ke penegakan dengan aman.
Cara Memperbaiki Error Sertifikat SSLPerbaiki error sertifikat SSL “koneksi tidak pribadi”: cek apakah sertifikat kedaluwarsa, tidak cocok, atau rantainya hilang, lalu perbarui dan cegah terulang.
Cara Memperbaiki Halaman Lambat dan Core Web VitalsTingkatkan LCP, INP dan CLS dengan perbaikan paling penting: gambar utama yang lebih cepat, JavaScript yang tidak menghambat, dan halaman yang tidak melompat saat dimuat.
Cara Memperbaiki Masalah robots.txt dan SitemapPastikan Google bisa menemukan halamanmu: perbaiki aturan robots.txt yang terlalu ketat, buat sitemap XML yang bersih, dan atasi error dari Search Console.
Cara Memperbaiki Masalah Canonical dan Konten DuplikatJika beberapa alamat menampilkan halaman yang sama, sinyal SEO terpecah. Pelajari cara memilih satu versi lewat redirect, canonical, dan tautan yang konsisten.
Cara Menemukan dan Memperbaiki Link RusakTemukan link rusak di situsmu, lalu tentukan apakah perlu diperbarui, dialihkan, atau dihapus. Atur juga halaman 404 yang membuat pengunjung tetap bertahan.
Apa Itu Webfont dan Mengapa Perlu Digunakan?Webfont membuat website kamu tampil dengan huruf yang sama di setiap perangkat. Pelajari cara kerjanya, bedanya dengan system font, dan kapan sebanding dengan tambahan unduhan.
Cara Menambahkan Font Kustom ke WebsiteTambahkan font kustom ke website dalam empat langkah: siapkan file, unggah, tulis CSS @font-face, lalu terapkan. Mencakup Webflow, WordPress, dan Tailwind.
WOFF2 vs WOFF vs TTF vs OTFBandingkan format font untuk web: kenapa WOFF2 pilihan utama hampir semua situs, kapan WOFF masih perlu, dan EOT atau SVG font kini tak diperlukan.
Penjelasan Lisensi WebfontMembeli font belum tentu membuatmu bisa memakainya di situs web. Pelajari jenis lisensi utama, hal yang perlu dicek sebelum mengonversi font, dan cara tetap aman.
Cara Mempercepat Loading WebfontPercepat webfont dengan WOFF2, subsetting, lebih sedikit weight, preload, variable font, dan caching jangka panjang. Dilengkapi kode untuk tiap langkah.
Cara Memperbaiki Layout Shift Akibat FontCegah teks melompat saat webfont dimuat. Pahami apa itu FOIT dan FOUT, pilih nilai font-display yang tepat, dan samakan fallback font untuk mengurangi layout shift.
Cara Pasang Tracking PixelPanduan pasang pixel Meta, TikTok, atau LinkedIn di Webflow, WordPress, Shopify, atau Google Tag Manager, plus atur consent dan lacak konversi.
Cara Pakai OKLCH di CSSPelajari sintaks oklch(), arti lightness, chroma, dan hue, lalu buat shade, efek hover, dan palet warna di CSS, lengkap dengan fallback untuk browser lama.
OKLCH vs HSLBandingkan OKLCH dan HSL di CSS. Lihat kenapa kecerahan HSL yang sama bisa terlihat beda, kapan OKLCH bikin palet lebih baik, dan kapan HSL masih cukup.
Cara Menjadwalkan Meeting Lintas Zona WaktuTemukan waktu yang adil untuk meeting internasional. Pelajari cara mengecek jam yang beririsan, menulis waktu dengan jelas, dan menghindari salah waktu saat daylight saving.
Pengaruh Daylight Saving Time pada Zona WaktuPelajari kapan jam berubah di AS dan Eropa, mengapa selisih waktu antarkota bisa berubah, dan cara menghindari meeting terlewat serta salah jadwal.
Cara Membagikan Tool beserta PengaturanmuKirim link devpack ke siapa pun agar tool langsung terbuka dengan input yang sudah terisi. Pelajari cara kerjanya, bagian mana yang tetap privat, dan tool mana yang belum didukung.