Nieuws:

We zijn er weer.

Na lange tijd van afwezigheid zijn we er weer  :laugh:
We hebben alle wachtwoorden gereset, je oude wachtwoord werkt niet meer.Je moet via het "wachtwoord vergeten"-linkje je wachtwoord resetten. Je krijgt hiervoor een mailtje op het adres dat je bij ons geregistreerd hebt.

De komende tijd zijn we nog druk bezig om de rest van de site op te bouwen, dus het kan zijn dat sommige onderdelen (tijdelijk) niet werken.

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: Extra>Webontwikkelaar>Inspector  (gelezen 1520 keer)

Offline Spidey-Westland

  • Lid
  • Steunpunt: Ja
Extra>Webontwikkelaar>Inspector
« Gepost op: 2016/12/27, 15:42:38 »
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
Spidey-Westland

Frederik

  • Gast
Re: Extra>Webontwikkelaar>Inspector
« Reactie #1 Gepost op: 2016/12/27, 18:03:26 »
Webontwikkelaars en website bouwers werken altijd met Pixels.

Offline Spidey-Westland

  • Lid
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #2 Gepost op: 2016/12/27, 19:12:33 »
 Bedankt, ik ga dan ook verder met pixels voor plaatjes
Spidey-Westland

Offline MKe

  • Lid
  • Steunpunt: Nee
Re: Extra>Webontwikkelaar>Inspector
« Reactie #3 Gepost op: 2016/12/28, 13:25:34 »
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

Offline Paul Matthijsse

  • Lid
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #4 Gepost op: 2016/12/28, 17:13:45 »
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.

Offline Ron

  • Forumteam
    • r0n
    • Dwarsligger
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #5 Gepost op: 2016/12/28, 18:48:51 »
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) .........
OpenStandaard evangelist, OpenSource promotor, OpenData liefhebber.
Xubuntu gebruiker en voorstander (XFCE).
In Nederland bekend als een Dwarsligger.

Offline Nunslaughter

  • Lid
    • timovwb
  • Steunpunt: Nee
Re: Extra>Webontwikkelaar>Inspector
« Reactie #6 Gepost op: 2016/12/28, 20:57:10 »
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.

Offline Ron

  • Forumteam
    • r0n
    • Dwarsligger
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #7 Gepost op: 2016/12/28, 21:09:34 »
Jquery is geen Java.
Oeps, sorry .......
OpenStandaard evangelist, OpenSource promotor, OpenData liefhebber.
Xubuntu gebruiker en voorstander (XFCE).
In Nederland bekend als een Dwarsligger.

Offline MKe

  • Lid
  • Steunpunt: Nee
Re: Extra>Webontwikkelaar>Inspector
« Reactie #8 Gepost op: 2016/12/28, 21:27:09 »
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.

Offline Ron

  • Forumteam
    • r0n
    • Dwarsligger
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #9 Gepost op: 2016/12/28, 22:00:26 »
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.
OpenStandaard evangelist, OpenSource promotor, OpenData liefhebber.
Xubuntu gebruiker en voorstander (XFCE).
In Nederland bekend als een Dwarsligger.

Offline Paul Matthijsse

  • Lid
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #10 Gepost op: 2016/12/28, 22:05:22 »
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...).

Offline Paul Matthijsse

  • Lid
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #11 Gepost op: 2016/12/28, 22:09:31 »
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).
« Laatst bewerkt op: 2016/12/28, 22:11:28 door Paul Matthijsse »
https://allesgimpofbijna.wordpress.com - GIMP en omstreken
https://paulsphotopalace.wordpress.com (Engelstalig) - Raw, G'MIC, GIMP...

Offline Spidey-Westland

  • Lid
  • Steunpunt: Ja
Re: Extra>Webontwikkelaar>Inspector
« Reactie #12 Gepost op: 2016/12/28, 22:10:17 »
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
Spidey-Westland