Почти сме готови да изградим началната страница на областта Snippets на сайта. Веднага започваме да променяме нещата и да оформяме повече неща.
Имаме странно преживяване, при което абсолютно позиционираният псевдоелемент не реагира на отрицателно ляво поле, но се оправя с положително дясно поле. Кой знаеше.
След това преминаваме към създаване на „активен“ клас за лявото меню на категориите фрагменти. Разглеждате само един от тях наведнъж (виждате списък на свързани фрагменти вдясно). Кажете, че „HTML“ е активен и щракнете върху „CSS“, вдясно се появява нов списък само на свързани с CSS фрагменти. Трябва да има някакъв стил, за да се покаже кой е активен. Промяната на z-index в активен клас е достатъчна, за да работи за нас (карайки го да седи над сянката).
За списъка вдясно се очаква връзките да се показват: block - но това е почти твърде много кликване. Изглежда странно да мислим това, но мисля, че е истина. Не искате случайни кликвания много далеч от текста на самата връзка, за да активирате тази връзка. Би било изненадващо и странно. Така че, самите връзки могат да бъдат вградени в блок, за да могат да имат малко подложка, но не запълвайте цялата ширина, както е елементът от списъка, в който се намират.
За самите връзки решаваме, че оцветяването на заглавието на фрагментите в цвета на категорията, към която принадлежат, е твърде силно. Вместо това връзките ще бъдат сиви, но цветът за преобръщане може да придобие този специален цвят.
Също така решаваме, че списъкът с права колона надолу работи засега, но ако превъртането стане твърде нелепо, може би някой ден ще можем да се разделим на две колони и да го съкратим.