Extra>Webontwikkelaar>Inspector

[Spidey-Westland]

Hallo Forum,

Als je via Extra>Webontwikkelaar>Inspector de website bekijkt dan zie diverse vakverdelingen als je door de website-pagina loopt.
Je ziet dan binnen een kaderframe bovenin een maat staan.

Wat geeft deze maat aan?

Pixels of mm.

Wie helpt mij verder?

groet

Wim

[Frederik]

Webontwikkelaars en website bouwers werken altijd met Pixels.

[Spidey-Westland]

 Bedankt, ik ga dan ook verder met pixels voor plaatjes

[MKe]

Klopt niet helemaal omdat pixels en harde maat is en web ontwikkelaars rekening moeten houden met allerlei apparaten. Ikzelf werk veel met percentages. Zie hier een lijstje met vuistregels: http://thenewcode.com/775/Which-CSS-Measurements-To-Use-When

[Paul Matthijsse]

Ik ben beslist geen website-specialist, maar als je een responsive aanpak neemt (met jquery bijvoorbeeld), dan hoef je foto's en tekst alvast niet naar "een zeker schermformaat" (groot scherm, tablet, mobiel) te vergroten of te verkleinen, dat gaat automatisch.

[Ron]

als je een responsive aanpak neemt (met jquery bijvoorbeeld), dan hoef je foto's en tekst alvast niet naar "een zeker schermformaat" (groot scherm, tablet, mobiel) te vergroten of te verkleinen, dat gaat automatisch.

Dat lukt ook met HTML daar heb je echt geen Java voor nodig (gelukkig) .........

[Nunslaughter]

als je een responsive aanpak neemt (met jquery bijvoorbeeld), dan hoef je foto's en tekst alvast niet naar "een zeker schermformaat" (groot scherm, tablet, mobiel) te vergroten of te verkleinen, dat gaat automatisch.

Dat lukt ook met HTML daar heb je echt geen Java voor nodig (gelukkig) .........

Jquery is geen Java.

[Ron]

Jquery is geen Java.

Oeps, sorry .......

[MKe]

Jquery is is JavaScript. Dat is niet hetzelfde als Java, maar ook niet hetzelfde als HTML.
Je kunt met CSS en HTML inderdaad ver komen om een responsive website te maken mits je maar niet te veel wilt. Voor de meesten is het gemakkelijker om een framework te gebruiken zoals b.v. bootstrap. Dat bestaat uit een mix van CSS en JavaScript files waarmee je eenvoudig een modern aandoende website layout kunt maken.

[Ron]

Het kan ook met positionering in CSS.
Met een viewport als kan je de breedte van het scherm opvragen (eigenlijk niet maar je kunt vragen of hij breder is dan b.v. 768 pixels), en dan een andere layout maken in de CSS, b.v. velden onder elkaar i.p.v. naast elkaar.

[Paul Matthijsse]

Dat bestaat uit een mix van CSS en JavaScript files waarmee je eenvoudig een modern aandoende website layout kunt maken.

Met de aantekening dat "een modern aandoende website" in mijn ogen een wat archaïsche opmerking is. Elke website die nu nog ontwikkeld wordt voor uitsluitend grote schermen, is bij voorbaat een mislukt project. En er zijn er nog veel hè. Ook dit forum is zo goed als onleesbaar op een smartphone bijvoorbeeld. En op een oude telefoon als de mijne duurt het aanklikken van een link ongeveer een minuut voordat er wat gebeurt. Onbruikbaar dus.

(Andere sites die wel responsive zijn [zoals pixlr.us] kunnen toch heel traag zijn doordat er iets fout zit met Android onder de motorkap, is mij verteld door de maintainer van die site. Kortom, als de boeren niet meer klagen zijn we aan het eind der dagen en als websites overal goed weergegeven worden, zijn we vast ook aan het einde der dagen...).

[Paul Matthijsse]

Het kan ook met positionering in CSS.
Met een viewport als kan je de breedte van het scherm opvragen (eigenlijk niet maar je kunt vragen of hij breder is dan b.v. 768 pixels), en dan een andere layout maken in de CSS, b.v. velden onder elkaar i.p.v. naast elkaar.

Ik hoop voor je dat dat goed werkt, ik heb jquery/bootstrap code geprobeerd om te achterhalen of een scherm een horizontale (pc, laptop) of een verticale positionering (telefoon) heeft. Lukt soms maar vaker niet... Preciezer: op het ene apparaat (smartphone bv.) gaat dat wel, op een pc weer niet. (Kan zeer wel aan mij liggen natuurlijk).

[Spidey-Westland]

Mannen,

Mijn probleem heeft niets te maken met responsive.
Dit werkt goed.
Waar ik mee stoei is dat  het naast elkaar plaatsen van plaatjes in het visuele tabblad wel naast elkaar staan maar op de  concept webview niet.
Het heeft te maken met de zg   container breedte vahet thema waar de tekst en plaatjes in gezet worden. Dit is niet gelijk aan de opmaakbreedte in het visuele scherm.
Met expirimentern met de pixels van de plaatjes kom ik een heel eind.
Het is erg belangrijk dat de indieners van plaatjes zich aan regels houden.
Graag wat tips voor fotoafmetingen die ingediend worden

groet

Wim