# 103: Area Potongan Foto - Trik CSS

Anonim

Saatnya menyelami area Snippets! Artinya, area konten yang sebenarnya. Kami sudah memiliki tajuk di tempatnya. Area potongan cukup populer. Tanpa mendalami analitik, saya tahu dari menonton media sosial dan mendengar dari orang-orang di kehidupan nyata bahwa mereka menemukan banyak hal berguna di area ini.

Di v9, kritik yang sangat umum dan sah adalah sulit untuk menjelajah. Itu adalah akordeon yang sangat berwarna dan setiap cuplikan adalah "tautan gelembung" (karena tidak ada keterangan yang lebih baik) yang cocok dengan warna utama subbagian cuplikan tersebut. Lebih buruk lagi, mereka disejajarkan dan saya pikir akan menjadi cara yang rapi untuk memberi mereka ruang dan sedikit mengalihkan pandangan, tetapi akhirnya hanya terlihat aneh dan ceroboh.

Mari kita tebus diri kita sendiri di sini dan buat area Snippet lebih bagus untuk dijelajahi. Padahal, sekali lagi, sebagian besar konten ini ditemukan melalui penelusuran. Tetap saja, mungkin juga membuatnya bagus untuk dijelajahi.

Segera kami memutuskan untuk tidak meletakkan kolom pencarian di area konten. Ada di masa lalu, tetapi ini adalah desain ulang dan kami membuat keputusan untuk menggabungkan penelusuran ke dalam satu area. Setelah Anda mempelajari cara menggunakan penelusuran sekali, Anda akan tahu cara kerjanya selamanya.

Untuk desainnya, kita menggunakan dua kolom. Di sebelah kiri, kategori Snippet utama, masing-masing dengan warna yang unik. Waktu pelangi! Kami menelusuri galeri kami sendiri untuk mendapatkan inspirasi.

Kolom kanan hanya akan menjadi daftar cuplikan dalam kategori itu. Sederhana, mudah dijelajahi. Mirip seperti tautan footer. Orang tahu cara memindai dan menggunakan daftar tautan. Itu adalah pola desain paling sederhana yang pernah ada.

Kami mengotak-atik beberapa keputusan desain. Haruskah tautan cocok dengan warna bagian atau hanya berwarna abu-abu? Haruskah kita "membuat garis zebra" tautan dengan versi pudar dari warna utama? Haruskah kami menyertakan tanggal publikasi atau tanggal terbaru atau tidak keduanya? Hal-hal menyenangkan dan penting untuk dipikirkan, tetapi kami selalu dapat membuat keputusan semacam ini begitu kami membuka browser dan bekerja dengan data nyata.