Tutorial: Cek Tampilan HP & Tablet Langsung dari Builder (Device Mode)
Sebelum publish, cek dulu tampilan website kamu di desktop, tablet, dan HP langsung dari preview builder — tanpa perlu buka device asli.
Website yang bagus di layar laptop belum tentu enak dilihat di HP. Daripada nebak-nebak atau bolak-balik buka dari HP asli, TanpaNgoding AI punya toggle Device Mode di preview builder — tinggal klik, tampilan langsung berubah sesuai ukuran layar yang mau dicek.
Sebelum lanjut, pastikan kamu sudah tahu cara bikin project baru dan kirim prompt pertama — baca dulu Tutorial: Bikin Aplikasi Toko Kue Online dari Nol Pakai TanpaNgoding AI kalau belum. Tutorial ini fokus langsung ke Device Mode saja.
1. Preview default: mode Desktop
Begitu buka builder, preview otomatis tampil dalam mode desktop — tiga ikon perangkat (desktop, tablet, ponsel) ada di pojok kanan atas preview panel, dengan ikon desktop aktif berwarna biru.
2. Klik ikon Tablet
Klik ikon tablet (di tengah), preview langsung menyempit ke lebar tablet. Perhatikan navigasi atas yang otomatis berubah jadi menu hamburger — ini nunjukkan responsive design halaman kamu beneran jalan, bukan cuma di-scale gambar.
3. Klik ikon Ponsel
Klik ikon ponsel (paling kanan) buat lihat versi mobile-nya. Semua elemen otomatis menyesuaikan — teks, tombol, spacing — persis kayak yang bakal dilihat pengunjung dari HP mereka.
Tinggal klik ikon desktop lagi kapan pun buat balik ke tampilan awal. Cek Device Mode ini jadi kebiasaan baik sebelum publish — biar nggak ada kejutan tampilan berantakan pas dibuka dari HP.
Video Tutorial
Mau lihat langsung alurnya jalan? Tonton video singkatnya di bawah ini:
Artikel Terkait
Tutorial: Bikin Aplikasi Toko Kue Online dari Nol Pakai TanpaNgoding AI
Panduan step-by-step bikin aplikasi toko kue online sederhana — dari buka builder, kirim prompt, sampai preview jadi — tanpa nulis kode sama sekali.
Tutorial: Publish Project Kamu Biar Bisa Diakses Publik
Cara publish project TanpaNgoding AI ke subdomain gratis .builtwithcb.com, dari setting domain sampai project live dan bisa diakses siapa saja.
Riset ICSE 2026: Muncul Kelas Baru Pembuat Aplikasi yang Bisa Bikin tapi Tidak Bisa Memperbaiki
Sebuah riset yang dipresentasikan di konferensi rekayasa perangkat lunak ICSE 2026 memberi nama untuk fenomena yang selama ini cuma jadi bahan candaan: vulnerable developer class, orang yang sanggup menghasilkan software yang jalan tapi tidak bisa men-debug atau mengamankannya. Amazon sudah lebih dulu merasakan akibatnya, dan solusi yang mereka pilih bukan berhenti memakai AI.
Empat Model AI Besar Rilis dalam Satu Minggu, dan Kenapa Kamu Tidak Perlu Ikut Pusing
Anthropic, Meta, Google, dan OpenAI sama-sama merilis model baru dalam satu minggu awal September. CNBC menyebut pembeli di perusahaan sudah terlalu lelah untuk membandingkannya, dan tiga tabel benchmark yang terbit di minggu yang sama masing-masing menempatkan vendornya sendiri di posisi teratas.
Enam Jam dari Prompt ke Serangan: Laporan Google soal Peretas yang Menyerahkan Pekerjaan ke AI Agent
Google Threat Intelligence Group melaporkan satu kelompok peretas berhasil merancang, membangun, dan menjalankan kampanye pencurian kredensial berskala besar dalam waktu kurang dari enam jam, cukup bermodal chatbot AI dan satu set instruksi. Pertahanan lama yang mengandalkan lambatnya penyerang jadi tidak relevan.
Google Tidak Menghukum Website Buatan AI, tapi Satu Hal Teknis Ini Bikin Halaman Kamu Hilang dari Pencarian
Riset Ahrefs terhadap 600.000 halaman menemukan 86,5 persen halaman peringkat teratas Google mengandung konten hasil AI, dengan korelasi nyaris nol antara pemakaian AI dan posisi ranking. Yang justru menenggelamkan website buatan AI bukan soal siapa yang menulis, melainkan cara halamannya dirender.
Mau bikin aplikasi seperti ini?
Ceritakan kebutuhanmu satu prompt — AI TanpaNgoding membangun aplikasi web lengkap dengan admin panel, database, dan siap publish.
Mulai Bikin Gratis arrow_forward