nog een layout grid vraagje

[Swets]

bij dat layout grid, kan je 1 breakpunt in stellen...

maar in de breakpoint verhaal kan je veel meer breakpoints in vullen...

maar dat layout grid heeft maar 1 breakpoints?
je geef eigelijk in, wanneer die in stukken breekt?

maar als je nu voor desktop/ tablet / telefoon?
dan werk je niet met de layout grid?

[Pablo]

De breakpoint optie van een layout grid geeft aan wanneer het grid van desktop naar mobile (stacked) layout gaat.

Zie ook:
https://wysiwygwebbuilder.com/layoutgrid_part1.html

[Swets]

Ik ga lezen...

want ik snap niet helemaal op deze pagina..

https://www.arjan-swets.com/hardware/ha ... intro.html

als ik hem op me desktop op zijn smallst schuif...
dan onderaan die links zijn nog goed...

dus pijltje , met de link er naast...

op me telefoon, staat de tekst onder het pijltje

tis niet erg, maar snap nog niet zo erg waar dat door komt...

en ik heb ook op me telefoon, dat de link onderaan de pagina achter de footer blijft staan...
en dan heb ik er al een layout grid onder gezet, met een vaste hoogte....
kijk ik op me desktop, heb een kilometer niets onder de link... maar op me telfoon niet...

van dat soort kleine dingetjes....

[Pablo]

Het zou te maken kunnen hebben met het gebruikte font 'Comic Sans'

[Swets]

Huh? het font?
ik heb zo maar wat gekozen.... verkeerd?

ik dacht zal wel aan mijn telefoon leggen... die koste 35 euro...

[Pablo]

Sommige fonts werken niet op elke computer en/of telefoon.
De meeste veilige keuze is gebruik te maken van 'Google Fonts', die werken overal.

Zie ook:
https://wysiwygwebbuilder.com/webfonts.html

[Swets]

ik zie wel in dat font menu dat Alleen websafe fonts weergeven is aangevinkt...
maar das niet genoeg?

de volgende moet staan op "Gebruik Google Fonts voor niet web-safe lettertypes?

[Pablo]

Helaas werken zelfs 'web safe fonts' tegenwoordig niet meer op alle devices.
Waarschijnlijk heeft dit te maken met de licenties van fonts.

[Swets]

ik heb nu dus dit...
https://www.arjan-swets.com/hardware/mi ... mlamp.html

en ik vind dat het goed gaat tussen PC en telefoon...
en alls gaat goed...

alleen nu op PC, het bovenste menu...
daar wil ik eigenlijk wat verschillen in, bij 1920,1280,1024...

is het dan genoeg dat alleen te doen op de masterpage?

en hoe doe ik dat...
hoe zit dat met die breakpoint... zodra je er onderkom is het waar?
of? andersom...

[Pablo]

daar wil ik eigenlijk wat verschillen in, bij 1920,1280,1024...

Wat bedoel je hier precies mee?

Het princiepe van breakpoints is als volgt:
1. Je maakt de standaard layout, bijvoorbeeld 1280
2. Je bekijkt de layout in de browser en maakt het venster kleiner totdat de layout 'breekt'. Met andere woorden, de objecten passen niet meer op de pagina.
Dan voeg je een breakpoint toe en past de layout aan zodat alles wel goed wordt weergegeven.
Meestal is één of twee breakpoints genoeg. Bijvoorbeeld 768 (tablet) en 480 (phone)

Het master page concept wordt hier uitgelegd:
https://wysiwygwebbuilder.com/master_page.html
Er is ook een voorbeeld met breakpoints.