Page 1 of 1
Redirect bij te klein scherm
Posted: Mon May 13, 2019 7:49 am
by erpee
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?
Re: Redirect bij te klein scherm
Posted: Mon May 13, 2019 10:43 am
by stv
Code: Select all
if (screen.width < 640) {
window.location.replace = 'http://jouwurl';
}
jQuery
Code: Select all
$(document).ready(function(){
$(document).on('load', function(){
if($(window).width() < 640){
window.location.replace = 'http://jouwurl';
}
});
});
Re: Redirect bij te klein scherm
Posted: Wed May 15, 2019 4:37 am
by erpee
Thx,
Ik ga het zeker proberen!
Is dit trouwens ook mogelijk in een GCB-achtig iets?
Re: Redirect bij te klein scherm
Posted: Wed May 15, 2019 5:16 am
by stv
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.
Re: Redirect bij te klein scherm
Posted: Fri May 17, 2019 6:21 am
by deactivated010521
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...
Re: Redirect bij te klein scherm
Posted: Fri May 24, 2019 7:06 pm
by erpee
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.
Re: Redirect bij te klein scherm
Posted: Tue May 28, 2019 10:34 am
by timdebuurman
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?
Re: Redirect bij te klein scherm
Posted: Thu May 30, 2019 9:27 am
by erpee
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 ...
Re: Redirect bij te klein scherm
Posted: Mon Jun 03, 2019 10:10 am
by deactivated010521
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