Con el diseño del área de fragmentos "hecho", ahora podemos pasar a algo de interactividad (leer: JavaScript).
Agregamos un rollover super cojo para los enlaces de la izquierda solo para que tengamos algo, pero sabemos que lo cambiaremos más adelante. Luego nos dispusimos a escribir algo de JavaScript. Al visitar la página por primera vez, la primera categoría (HTML) estará activa. Activo, lo que significa que tiene la clase "activa" en el elemento de lista para HTML. CSS afecta a esa clase, dándole un valor de índice z, que visualmente eleva el enlace por encima de la sombra y lo conecta a la línea de color sólido que separa las dos columnas.
El truco será cuando haga clic en una categoría diferente, para eliminar la clase activa en la categoría actualmente activa y aplicarla a la que acaba de hacer clic. Realmente es bastante trivial, solo unas pocas líneas de jQuery en un script que cargamos solo en esta página. Además, la lista de fragmentos en la columna de la derecha debe mostrar el conjunto correcto de enlaces, que nuevamente es solo un cambio de clase y una simple manipulación de mostrar / ocultar.
Todo lo que queda ahora es diseñar las páginas para fragmentos individuales.