Web
Bagaimana Menerapkan Otentikasi Di Next.js Dengan Auth0
Tutorial langkah demi langkah tentang menambahkan autentikasi dan otorisasi ke aplikasi Next.js Anda, dengan Auth0. Kami akan menggunakan Next.js SDK untuk menghubungkan aplikasi kami ke Auth0 API dan akan membuat rute API dinamis untuk React.
Baca lebih lajutPola Desain Frustrasi: Menu Mega-Dropdown Hover
Segala sesuatu yang perlu diingat saat merancang dan membangun mega-dropdown, perangkap umum, penundaan masuk/keluar hover, teknik segitiga lintasan, dan area keluar jalur SVG.
Baca lebih lajutCara Membuat, Mengedit, dan Menganimasikan SVG Semua Dalam Satu Tempat Dengan SVGator 3.0
Hari ini, kita melihat lebih dekat [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), rilis besar baru dari aplikasi SVG populer yang memungkinkan Anda membuat, mengedit, dan menganimasikan file SVG dan memanfaatkan yang terbaik dari apa yang ditawarkan SVG — dari awal hingga akhir.
Baca lebih lajutSmashing Podcast Episode 37 Dengan Adam Argyle: Apa Itu VisBug?
Dalam episode ini, kita berbicara tentang VisBug. Apa itu, dan apa bedanya dengan deretan opsi yang sudah ditemukan di Chrome DevTools? Drew McLellan berbicara dengan penciptanya Adam Argyle untuk mencari tahu.
Baca lebih lajutBagaimana Kami Meningkatkan Vital Web Inti Kami (Studi Kasus)
“Pembaruan Pengalaman Halaman” Google akan mulai diluncurkan pada bulan Juni. Pada awalnya, situs yang memenuhi ambang Core Web Vitals akan memiliki keunggulan peringkat kecil dalam pencarian seluler untuk semua browser. Pencarian penting untuk bisnis apa pun, dan ini adalah kisah tentang bagaimana Beau Hartshorne dan timnya di Pencarian Domain Instan meningkatkan skor Data Web Inti mereka.
Baca lebih lajutMengguncang Pohon: Panduan Referensi
“Tree-shaking” adalah pengoptimalan kinerja yang harus dimiliki saat menggabungkan JavaScript. Dalam artikel ini, kami menyelam lebih dalam tentang cara kerjanya dan bagaimana spesifikasi dan praktik saling terkait untuk membuat bundel lebih ramping dan lebih berperforma. Plus, Anda akan mendapatkan daftar periksa goyangan pohon yang akan digunakan untuk proyek Anda.
Baca lebih lajutPola Desain Frustrasi yang Perlu Diperbaiki: Pemetik Ulang Tahun
Dalam rangkaian artikel baru tentang UX ini, kami melihat lebih dekat beberapa pola desain yang membuat frustrasi dan mengeksplorasi alternatif yang lebih baik, bersama dengan banyak contoh yang perlu diingat saat membangun atau mendesainnya. Mari kita mulai dengan pemilih ulang tahun yang terkenal.
Baca lebih lajutCerita Kecil yang Menghancurkan
Hari ini menandai hari kami mengirimkan Smashing Newsletter edisi ke-300 kami. Artikel ini adalah sedikit perayaan di mana kami berbagi sedikit cerita Smashing dari orang-orang yang bekerja di belakang layar.
Baca lebih lajutMemahami Fungsi Easing Untuk Animasi dan Transisi CSS
Fungsi easing dapat mengubah tampilan dan nuansa animasi dengan memengaruhi kecepatan, atau kecepatan, animasi. Dalam artikel ini, kita akan mempelajari lebih dalam tentang fungsi easing dan melihat bagaimana kita dapat menggunakannya untuk membuat animasi yang alami dan menakjubkan.
Baca lebih lajutCara Memanggang Lapisan Pengujian Aksesibilitas Ke Dalam Proses Anda
Pakar aksesibilitas Kate Kalcevich dan Mike Gifford memperkenalkan pembaca pada "pengujian aksesibilitas berlapis", praktik menggunakan berbagai alat dan pendekatan pada berbagai tahap dalam siklus hidup produk digital untuk mengetahui masalah aksesibilitas lebih awal — saat lebih mudah dan lebih murah untuk memperbaikinya.
Baca lebih lajut