Snook je objavio članak pod naslovom "Preklapajuće zaglavlje s CSS mrežom", gdje proučava obrazac dizajna zaglavlja za koji smatram da nadilazi trendove i da je popularan oduvijek. Ideja je da je zaglavlje preveliko i da se glavno područje sadržaja ušulja u njega i preklapa pozadinu zaglavlja. U tome postoji samo nešto lijepo i utješno.
Moj um ide na isto mjesto gdje i Snook's:
Povijesno gledano, to sam učinio s negativnim maržama. Zaglavlje ima visinu koja dodaje hrpu podloga na dnu, a zatim tijelo dobiva
margin-top: -50pxili sve što dizajn zahtijeva.
Ali onda to odluči učiniti s CSS mrežom! Zanimljiv. Zašto? Pa u to ćemo ući. Mreža se jednostavno može osjećati (i zapravo biti) čvršća. Mreža također može biti fleksibilnija. Na primjer, max-heighti autorubovi su izvrsni za centriranje, ali što ako želite neravne oluke na rubovima? To bi tamo bilo teško, a s Gridom lako. Ethan Marcotte napisao je:
Umjesto da to jednostavno
max-widthpodrazumijevam kao ograničenje, mogu koristiti prazan prostor oko svog dizajna i tretirati ga kao alat za raspored.
Pokušavam preokrenuti Snookovu ideju u ovom videu, a zatim je na kraju usporedim s mojim konačnim rezultatom.
- Snookova
- Moja (očistila je mršavi post-video za estetiku)