CMS Made Simple Forums
https://forum.cmsmadesimple.org/

Redirect bij te klein scherm
https://forum.cmsmadesimple.org/viewtopic.php?f=13&t=80854
Page 1 of 1

Author:  erpee [ Mon May 13, 2019 7:49 am ]
Post subject:  Redirect bij te klein scherm

Een site van mij vereist voor een functie een minimale schermbreedte van 640px.

Is er een mogelijkheid om bij een lagere schermbreedte bezoekers door te sturen naar een andere pagina?

Author:  stv [ Mon May 13, 2019 10:43 am ]
Post subject:  Re: Redirect bij te klein scherm

Code:
if (screen.width < 640) {
   window.location.replace = 'http://jouwurl';
}


jQuery
Code:
$(document).ready(function(){
   $(document).on('load', function(){
      if($(window).width() < 640){
       window.location.replace = 'http://jouwurl';
      }
   });
});

Author:  erpee [ Wed May 15, 2019 4:37 am ]
Post subject:  Re: Redirect bij te klein scherm

Thx,

Ik ga het zeker proberen!

Is dit trouwens ook mogelijk in een GCB-achtig iets?

Author:  stv [ Wed May 15, 2019 5:16 am ]
Post subject:  Re: Redirect bij te klein scherm

Jazeker. Plaats dit eventueel in je header block als je die hebt. Je kan het ook in je js bestand plaatsen die op elke pagina terug komt.

Author:  arnoud [ Fri May 17, 2019 6:21 am ]
Post subject:  Re: Redirect bij te klein scherm

Erpee waar gebruik je dit voor? Is het echt nodig om voor schermen kleiner dan 650px een andere url te tonen? Benieuwd waar je aan werkt...

Author:  erpee [ Fri May 24, 2019 7:06 pm ]
Post subject:  Re: Redirect bij te klein scherm

arnoud wrote:
Erpee waar gebruik je dit voor? Is het echt nodig om voor schermen kleiner dan 650px een andere url te tonen? Benieuwd waar je aan werkt...


Hahaha, ik snap je vraag. Deze keuze is ook niet gemaakt als een webdesign-keuze, meer een pedagogische keuze.
Ik ben bezig met het herschrijven van avi-lezen.nl.
De leesmodule vereist een bepaalde grootte om de kinderen te laten oefen. Bij een te kleine grootte, schiet je (pedagogisch gezien) je doel voorbij.

Author:  timdebuurman [ Tue May 28, 2019 10:34 am ]
Post subject:  Re: Redirect bij te klein scherm

erpee wrote:
arnoud wrote:
Erpee waar gebruik je dit voor? Is het echt nodig om voor schermen kleiner dan 650px een andere url te tonen? Benieuwd waar je aan werkt...


Hahaha, ik snap je vraag. Deze keuze is ook niet gemaakt als een webdesign-keuze, meer een pedagogische keuze.
Ik ben bezig met het herschrijven van avi-lezen.nl.
De leesmodule vereist een bepaalde grootte om de kinderen te laten oefen. Bij een te kleine grootte, schiet je (pedagogisch gezien) je doel voorbij.


Dus een beeldvullend block die met een css media query in beeld komt onder bepaalde pixels had ook gekund? :)

Author:  erpee [ Thu May 30, 2019 9:27 am ]
Post subject:  Re: Redirect bij te klein scherm

timdebuurman wrote:
Dus een beeldvullend block die met een css media query in beeld komt onder bepaalde pixels had ook gekund? :)


Ja, zou kunnen. Maar wat zou je daarmee willen bereiken?
Ik ben wel nieuwsgierig, wellicht is dit juist een idee die dé sleutel is ... ;D

Author:  arnoud [ Mon Jun 03, 2019 10:10 am ]
Post subject:  Re: Redirect bij te klein scherm

erpee wrote:
arnoud wrote:
Erpee waar gebruik je dit voor? Is het echt nodig om voor schermen kleiner dan 650px een andere url te tonen? Benieuwd waar je aan werkt...


Hahaha, ik snap je vraag. Deze keuze is ook niet gemaakt als een webdesign-keuze, meer een pedagogische keuze.
Ik ben bezig met het herschrijven van avi-lezen.nl.
De leesmodule vereist een bepaalde grootte om de kinderen te laten oefen. Bij een te kleine grootte, schiet je (pedagogisch gezien) je doel voorbij.


Ik heb vluchtig naar je website gekeken, volgens mij is jouw doel om kinderen (online)te leren lezen. Hopelijk geeft de door jouw gekozen aanpak/methode een goed resultaat.

Omdat je kiest voor het aanbieden van lesstof via een website maakt dat jouw pedagogische keuze invloed heeft op je webdesign-keuze.

Naar mijn idee gaat het om het geheel beide moeten goed zijn.

Qua schermformaat zal een klein beeldscherm beperkingen met zich mee kunnen brengen maar met een goed ontwerp kunnen deze beperkingen wellicht opgeheven worden.

Tijdens het ontwerpen zal je de gebruiker centraal moeten stellen: iteratief.... {ontwerpen, bouwen, verifieren, testen, bijschaven}.

Qua techniek zijn er de volgende aandachtsgebieden:

- Browser: Welke browser gebruikt een gebruiker
- Feature: Van welke browser features kan gebruik gemaakt worden
- Viewport: Hoe breed is het browser scherm

Tim de Buurman hint op een "Viewport" oplossing een prima suggestie:
https://nl.wikipedia.org/wiki/Responsive_webdesign

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/