# 86: Photoshopping Galeri - Trik CSS

Anonim

Saya teruja untuk memulakan di kawasan Galeri di laman web ini. Ini adalah salah satu kawasan yang sangat teruk pada v9. Tidak banyak lalu lintas, tapi mungkin kita boleh membalikkannya. Saya sangat menikmatinya dan mempunyai banyak kandungan untuk disiarkan dari masa ke masa.

Kami bermula dengan bekerja di Photoshop supaya kami dapat terus berfikiran kreatif dan melakukan eksplorasi visual tanpa perlu berfikir secara analitis dengan kod.

Kami bergerak di atas grafik tajuk. Nampaknya agak lucu untuk melakukannya kerana ia sudah dilaksanakan di laman web dan dengan cara yang lebih baik, tetapi ini akan membantu kita menjaga persekitaran reka bentuk kita sesungguhnya mungkin.

Kami membina bar navigasi untuk galeri. Daripada awan tag besar yang tidak menyenangkan di bahagian bawah susun atur seperti yang kita miliki sebelumnya (dan bahkan itu adalah penambahbaikan pada kategori dan susun atur tag yang tidak kemas dari awal v9 hari), kita melakukan sesuatu yang berbeza. Kami akan membuat menu lungsur yang boleh anda klik untuk menampakkan tanda yang boleh anda lihat, dan bahkan itu dibina dalam sedikit susun atur gaya serbuk roti di bar navigasi. Oleh itu, ia berfungsi seperti tugas tiga kali ganda: tajuk halaman, navigasi serbuk roti, dan navigasi dropdown eksplorasi.

Reka bentuk ini, bagi saya, adalah sesuatu yang mungkin tidak akan saya hasilkan sekiranya saya tidak melakukan perjalanan penjelajahan ini ke Photoshop.