tutorial
Semua tutorial
Setiap tutorial ditulis untuk diselesaikan dalam sekali duduk. Pendek, teruji, tanpa pengisi.
01Terapkan situs statis Next.js ke Netlify dalam 10 menitTiga file, satu perintah build, tidak ada server yang harus dijaga. Cara yang sangat keren untuk mempublikasikan Next.js sebagai HTML biasa.02Masukkan situs web baru Anda ke Google (tanpa trik)Apa yang sebenarnya membuat Googlebot menemukan dan mengindeks situs baru dalam hitungan hari, dan mengapa peringkat pada hari pertama adalah sebuah janji yang tidak dapat dibuat oleh orang jujur.03Tambahkan hreflang ke situs web dengan lebih dari satu bahasaSatu halaman berbahasa Portugis yang bersaing dengan halaman berbahasa Inggrisnya adalah cara yang sangat bagus untuk kehilangan lalu lintas. Perbaiki dengan tiga baris metadata.047 resep CSS keren dengan :has() yang menggantikan JavaScriptPemilih relasional mengubah 95 persen pengunjung menjadi orang yang tidak memerlukan skrip DOM Anda lagi.05Accordion tanpa JavaScript memakai <details name>Akordeon eksklusif adalah salah satu atribut HTML sekarang. Keyboard, cari dan cetak semua berfungsi tanpa handler dan tanpa bundel.06Kueri kontainer vs kueri media: kapan harus menggunakan yang manaKueri media memperhatikan layar. Kueri kontainer memperhatikan kotaknya. Mengetahui mana yang harus diraih adalah keseluruhan triknya.07Perbaiki LCP dan INP yang lambat tanpa menginstal satu perpustakaan punSebagian besar halaman lambat yang Anda temui menunggu tiga hal yang diketahui. Anda dapat memperbaiki ketiganya dalam satu sore, gratis.08Tambahkan pencarian nyata ke situs statis dengan PagefindIndeks pencarian yang dikirimkan sebagai file statis, berbobot kurang dari satu logo, dan tidak memerlukan server sama sekali. Sangat luar biasa.09Validitas bentuk gaya tanpa sebaris JavaScriptBrowser sudah memvalidasi; CSS dapat mengecat mesin itu. Empat negara bagian, satu bentuk, tanpa penangan.10Transisi halaman yang sangat bagus dengan View Transitions API dalam 20 barisBeberapa browser akan memberi Anda kelas animasi lintas halaman untuk satu baris atribut. Tersedia dalam 92,9 persen penelusuran.11Sistem tema tidak memerlukan alat desain untuk: color-mix()Dapatkan permukaan melayang, teredam, dan redup dari dua properti khusus. Mode gelap menjadi satu blok, bukan satu desain ulang.12Modal dan toast dari platform: <dialog> dan popoverPerangkap fokus, lapisan atas dan penanganan Escape sudah terpasang. Modal linting tangan biasanya melupakan dua dari tiga.13Bilah kemajuan membaca dalam CSS murnigaris waktu animasi: gulir() mengikat satu elemen ke gulir dokumen. Tidak ada loop rAF, tidak ada pendengar, tidak ada yang perlu dibatasi.14text-wrap: seimbang dan cantik, dua nilai yang memperbaiki teks yang tidak rataMasing-masing satu deklarasi untuk judul dan paragraf. Tidak ada breakpoint, tidak ada JavaScript, tidak ada perubahan polandia.15Audit data terstruktur 10 menit yang dapat Anda jalankan secara manualMarkup Schema.org menghasilkan byte hanya jika diurai, cocok dengan halaman, dan divalidasi. Tiga alat, satu daftar periksa.16robots.txt vs noindex: tabel keputusanMemblokir crawler dan menolak indeks adalah pertanyaan yang berbeda. Menukarnya akan menyembunyikan halaman selamanya.17srcset dan ukuran, panduan satu halamanDua atribut menentukan berapa banyak piksel yang diunduh browser. Ukuran setengahnya adalah yang dilewati sebagian besar situs.18Format harga dan tanggal dengan browser, bukan perpustakaanIntl.NumberFormat dan Intl.DateTimeFormat memberikan Rupiah, tanggal, dan waktu relatif yang benar secara lokal tanpa ketergantungan.