Web
Smashing 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 lajutPanduan Untuk Pemilih Kelas Pseudo CSS Modern yang Baru Didukung
Draf Editor Kelompok Kerja CSS untuk [Selectors Level 4](https://drafts.csswg.org/selectors-4/) menyertakan beberapa pemilih pseudo-class yang sudah memiliki kandidat proposal di sebagian besar browser modern. Panduan ini akan mencakup yang saat ini memiliki dukungan terbaik bersama dengan contoh untuk menunjukkan bagaimana Anda dapat mulai menggunakannya hari ini!
Baca lebih lajutDesain Web Dilakukan Dengan Baik: Yang Biasa Menjadi Luar Biasa
Terkadang hal-hal kecil dalam kehidupan web yang membuat kita melihat dua kali. Dari komidi putar hingga dokumentasi hingga penafian cookie, berikut adalah beberapa situs yang menganggap hal biasa dan menaburkan sedikit keajaiban.
Baca lebih lajutPanduan Lengkap Untuk Regenerasi Statis Inkremental (ISR) Dengan Next.js
Incremental Static Regeneration (ISR) adalah evolusi baru dari Jamstack, yang memungkinkan Anda memperbarui konten statis secara instan tanpa perlu membangun kembali situs Anda sepenuhnya. Pendekatan hybrid Next.js memungkinkan Anda menggunakan ISR untuk e-commerce, halaman pemasaran, posting blog, media yang didukung iklan, dan banyak lagi.
Baca lebih lajut