Скочимо напред само мало за мало овде. Ово је прилично свеобухватна серија екранских емисија, али траје само 40-ак сати и наравно, овај стварни пројекат заправо више личи на неколико стотина. У овом случају скок напред је био мало обликовање ширења на две странице. Пролазимо кроз те промене у почетку.
Лева и десна страница имају једно заједничко и једно различито име разреда. Ово је изузетно често и налазим у пуно различитих сценарија у веб дизајну. У овом случају, странице деле исти градијент и исте величине. Али они се разликују када применимо ЦСС3 skew()трансформацију. Ово нам даје некако уредан ефекат „отворене књиге“. Будући да су сви ови ефекти створени помоћу ЦСС-а, они се лепо скалирају (на начин на који слика готово сигурно не би).
Имали смо паметно решење једнаких висина, али на жалост, због наших паметних ствари са отвореним књигама, то се прекида. Уместо тога, користимо само додир ЈаваСцрипт-а.
Прво, док гледамо ЈаваСцрипт, напишемо ред који ће сакрити било које „слово“ које нема деце. На пример, нема селектора који почињу са „З“, али имамо објављену страницу која се зове само да би била свеобухватна. Откривамо их (и затим их сакривамо) помоћу изузетно корисног јКуери :has()селектора.
За једнаке висине меримо оба два ступца, одлучујемо који је највиши, а затим их оба постављамо на највиши. Морамо да користимо помало хацки сетТимеоут да би исправно функционисао због учитавања @ фонт-фаце које одузима мало времена и утиче на висину. На крају бисмо могли да користимо неку врсту повратног позива учитача фонтова. (Или, то би могло бити превише).
Затим прелазимо на појединачне странице алманаха. Брзо камионом! Већ толико пута смо радили овакве ствари, не чуди што се брже крећемо. У основи бичамо овај образац на исти начин на који смо обликовали једну објаву на блогу или генеричку страницу или било шта слично.
Користимо „црну траку“ за презле, цементирајући овај образац дизајна као нешто што ћемо увек изнова користити за навигацију у одељку локације.