Estamos bastante cerca de terminar de construir la página de inicio del área de Snippets del sitio. De inmediato, comenzamos a ajustar las cosas y a poner más cosas en forma.
Tenemos una experiencia extraña en la que el pseudo elemento absolutamente posicionado no respondió a un margen izquierdo negativo pero estuvo bien con un margen derecho positivo. Quien sabe.
Luego pasamos a hacer una clase "activa" para el menú de la izquierda de categorías de fragmentos. Solo navega por uno de ellos a la vez (verá una lista de fragmentos relacionados a la derecha). Diga que "HTML" está activo y hace clic en "CSS", una nueva lista de solo fragmentos relacionados con CSS se muestra a la derecha. Es necesario que haya algún estilo en su lugar para mostrar cuál está activo. Cambiar el índice Z en una clase activa es suficiente para trabajar para nosotros (hacer que se ubique sobre la sombra).
Para la lista de la derecha, es tentador hacer que los enlaces se muestren: bloque, pero es casi un área donde se puede hacer clic. Parece extraño pensar eso, pero creo que es verdad. No desea que los clics accidentales muy lejos del texto del enlace en sí mismo activen ese enlace. Sería sorprendente y extraño. Por lo tanto, los enlaces en sí pueden estar en bloque en línea para que puedan tener algo de relleno, pero no llenen el ancho completo como lo es el elemento de la lista en el que se encuentran.
Para los enlaces en sí, decidimos que colorear el título de los fragmentos con el color de la categoría a la que pertenecen es demasiado fuerte. En cambio, los enlaces serán grises, pero el color del rollover puede adquirir ese color especial.
También decidimos que la lista de una columna hacia abajo funciona por ahora, pero si el desplazamiento se vuelve demasiado ridículo, tal vez algún día podamos dividirlo en dos columnas y acortarlo.