Сноок је објавио чланак под насловом „Преклапајуће заглавље са ЦСС мрежом“ где прегледава образац дизајна заглавља за који сматрам да превазилази трендове и да је популаран одувек. Идеја је да је заглавље превелико и да се главно подручје садржаја прикрада њему и преклапа позадину заглавља. Постоји само нешто лепо и утешно у томе.
Мој ум иде на исто место где и Сноок'с:
Историјски гледано, ово сам радио са негативним маржама. Заглавље има висину која додаје гомилу подлога на дну, а затим тело добија
margin-top: -50px
или шта год дизајн захтева.
Али онда уместо тога одлучује да то уради са ЦСС мрежом! Занимљиво. Зашто? Па у то ћемо ући. Мрежа се једноставно може осећати (и заправо бити) чвршћа. Мрежа такође може бити флексибилнија. На пример, max-height
и auto
маргине су одличне за центрирање, али шта ако желите неравне олуке на ивицама? Тамо би то било тешко, а са Гридом лако. Етхан Марцотте је написао:
Уместо да
max-width
то подразумевам као ограничење, могу да користим празан простор око свог дизајна и третирам га као алат за распоред.
Покушавам да преусмерим Сноокову идеју у овом видеу, а затим је упоредим са мојим коначним резултатом.
- Сноок'с
- Мине (очистио мрљави пост-видео за естетику)