Galeri produk pada / cuplikan layar

Featurekamo-marketing
Dikirim
4 September 2026 pukul 01.50 UTC
Penulis
Kamo
Commit
cf243e4

Sebuah halaman untuk menunjukkan produk seperti yang sebenarnya terlihat. Hal ini dibangun di sekitar data modul daripada markup, karena lebih banyak screenshot datang dan menambahkan satu seharusnya tidak berarti mengedit sebuah komponen: drop WebP in publik / img / screenshot, tambahkan sebuah entri ke app / lib / screenshot, tambahkan salinannya Ke kamus. Halaman ini memiliki dua bagian dan masing-masing menghilang ketika kosong. Ditampilkan tembakan mendapatkan bagian showcase penuh - copy, kapabilitas chip, gambar di jendela krom, dan kunci bernomor ke callouts menempel di atasnya. Semuanya else falls into a filterable grid below, yang kategori chip hanya render sekali ada dua kategori untuk memilih antara. Hari ini itu berarti satu Pertunjukan dan tidak ada kisi; itu mengisi sendiri sebagai gambar ditambahkan. Mengklik gambar apapun yang membuka penampil: tombol panah dan thumbnails untuk berpindah antara tembakan, melarikan diri untuk pergi, fokus terjebak dan kemudian menyerahkan kembali ke gambar yang membukanya, dan 1: 1 zoom yang panci dengan panggung sendiri scrolling. Penlihat melayani WebP pada disk daripada dioptimalkan varian - sebuah srcset responsif dipilih dari viewport, jadi zoom satu dari mereka ke 1: 1 menunjukkan 3231px screenshot upscaled dari 1920 dan setiap label di dalamnya pergi lembut. Tiga hal yang layak diketahui: - imagines.qualities memperoleh 75. 16 berikutnya tidak menolak kualitas yang hilang dari daftar itu, itu SNAPS ke nilai terdaftar terdekat, jadi setiap screenshot sedang dikodekan ulang di 50 tanpa peringatan di mana saja. Itu tepat untuk sebuah foto di bawah coretan gelap dan salah untuk gambar terbuat dari 12px UI label. - Pin calout berukuran ke titik mereka, dengan label keluar dari aliran. Laid out sebagai baris flex, 'diterjemahkan (-50%)' pusat pin pada dot plus sebuah label 15rem tak terlihat, dan setiap pin mendarat beberapa persen dari hal itu menunjuk pada - dengan jumlah yang berbeda masing-masing. - Penontonnya duduk di z-index 100000. Tawaran banner di 99999 dan navigasi pada 1001; sebuah modal yang tetap gambar header atas tidak Modal. Terdaftar dalam menu Produk, kaki, / letak-peta, baik sitemaps dan llms.txt, dengan feed ImageObject sehingga gambar dapat ditemukan pada mereka sendiri dalam pencarian gambar. Diverifikasi dalam pembuatan produksi: rute masih prerendered, dan terbuka / zoom / Escape / fokus-return didorong dengan real kejadian masukan di widget desktop dan telepon.

Semua perubahan

Seperti apa yang Anda lihat pengiriman?

Semua pembaruan ini secara otomatis mendarat di ruang kerja Anda. Mulai bebas dan menontonnya tumbuh minggu demi minggu.

Mulai Bebas SelamanyaTampilkan Harga