"Breakpointide" ehk disaini murdepunktide seadistamine Frameris

Kes soovib täpsemalt end "breakpointidega" kurssi viia, peab tegema veidi kodutööd näiteks siin.

Lühidalt aga on tegemist nagu nimigi ütleb murdepunktiga veebilehitseja laiuses (saab ka kõrguses, ent harva läheb vaja), kust maalt alates saab defineerida teistsuguse kujundusstiili.

Frameris on primaarne murdepunkt ehk lehe laius ja sekundaarsed, millised sa ise juurde teed. Programmi näikse olevat sisse ehitatud 3 laiust – 1200px, 810px ja 390px. 1200 on primaarne ja ma ei näe täna, et seda muuta saaks. Las tema siis olla nii.

Kõik, mida sa primaarsel lehel teed, muutub ka teistel lehtedel. Juhul kui sa pole mujal vaikimis parameetreid üle kirjutanud.

Seega seda peab siis silmas pidama, et kõigepealt peaks selle primaarse sobivasse suurusesse venitama, ehk selliseks, mis saab olema peamine laius, see kus peamised muutused teed ja siis alles teisi laiuseid juurde tegema hakkama.

Joonis 1. Erinevad "breakpointid"