# 86: Photoshopping en la galería - Trucos CSS

Anonim

Estaba emocionado de comenzar con el área de Galería en el sitio. Es una de las áreas que fue particularmente mala en la v9. No hay mucho tráfico, pero tal vez podamos cambiar eso. Lo disfruto mucho y tengo una gran cantidad de contenido para publicarlo con el tiempo.

Comenzamos trabajando en Photoshop para poder mantener nuestra mente creativa y hacer una exploración visual sin el bagaje de pensar analíticamente con código.

Pasamos sobre el gráfico del encabezado. Parece un poco divertido hacer eso ya que ya está implementado en el sitio y de una mejor manera, pero esto nos ayudará a mantener nuestro entorno de diseño lo más real posible.

Creamos una barra de navegación para la galería. En lugar de una gran nube de etiquetas desagradable en la parte inferior del diseño como teníamos antes (e incluso eso fue una mejora para la categoría desordenada y el diseño de etiquetas de los primeros días de la v9), hacemos algo diferente. Vamos a crear un menú desplegable en el que puede hacer clic para revelar las etiquetas por las que puede navegar, e incluso eso está integrado en un diseño de estilo de ruta de navegación en la barra de navegación. Por lo tanto, cumple una triple función: título de la página, navegación de ruta de navegación y navegación desplegable exploratoria.

Este diseño, para mí, es algo que probablemente no se me hubiera ocurrido si no hubiera hecho estos viajes exploratorios de regreso a Photoshop.