nog een layout grid vraagje

Dit forum is bedoeld voor vragen met betrekking tot WYSIWYG Web Builder.
Post Reply
Swets
 
 
Posts: 124
Joined: Thu Jan 02, 2014 10:30 pm

nog een layout grid vraagje

Post by 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?
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: nog een layout grid vraagje

Post by 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
 
 
Posts: 124
Joined: Thu Jan 02, 2014 10:30 pm

Re: nog een layout grid vraagje

Post by 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....
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: nog een layout grid vraagje

Post by Pablo »

Het zou te maken kunnen hebben met het gebruikte font 'Comic Sans'
Swets
 
 
Posts: 124
Joined: Thu Jan 02, 2014 10:30 pm

Re: nog een layout grid vraagje

Post by Swets »

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

ik dacht zal wel aan mijn telefoon leggen... die koste 35 euro... :-)
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: nog een layout grid vraagje

Post by 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
 
 
Posts: 124
Joined: Thu Jan 02, 2014 10:30 pm

Re: nog een layout grid vraagje

Post by 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?
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: nog een layout grid vraagje

Post by Pablo »

Helaas werken zelfs 'web safe fonts' tegenwoordig niet meer op alle devices.
Waarschijnlijk heeft dit te maken met de licenties van fonts.
Swets
 
 
Posts: 124
Joined: Thu Jan 02, 2014 10:30 pm

Re: nog een layout grid vraagje

Post by 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...
User avatar
Pablo
 
Posts: 21575
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: nog een layout grid vraagje

Post by 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.
Post Reply