
Redesign NU.nl ongedaan maken

vrijdag 17 april 2020 om 15:57
Nu.nl heeft gisteren een redesign doorgevoerd van de site. Resultaat: heel veel witruimte tussen de kopjes en grotere letters. De meeste bezoekers zijn hier niet blij mee, getuige de commentaren op https://www.nu.nl/advertorial/advertori ... aring.html
Er is een manier om deze verandering te neutraliseren. Ik heb een licht aangepaste stylesheet (een tekstbestandje met vormgevinginstructies voor je browser) gemaakt die je automatisch kunt laten werken bij een bezoek aan nu.nl. Hierdoor krijg je een compactere view die prettiger leest en verdwijnen ook de meeste reclameblokken.
Eenmalige stappenplan voor gebruikers van Chrome of Firefox:
1. installeer de extensie Stylus. Gebruik je Chrome of een andere Chromium-browser, zoals Brave of Slimjet dan ga je naar https://chrome.google.com/webstore/deta ... bafhncgmne en klik je op de installatieknop. Gebruik je Firefox of een ander Mozilla-browser dan ga je naar https://addons.mozilla.org/en-US/firefox/addon/styl-us/ en klik je op de installatieknop.
2. Ga naar https://userstyles.org/styles/182510/nu-nl-compact en klik op de installatieknop.
3. Ga naar Nu.nl en check of het gelukt is.
Zie je geen verschil? Ververs dan de pagina met Control-F5. Helpt dat niet, leeg dan de browsercache. Helpt dat niet? Herstart dan de browser. Helpt dat niet? Herstart dan de computer. Helpt dat niet? Gooi dan de computer uit het raam of laat het hier weten.
Voor andere typen browsers zoals Internet Explorer, Edge en Safari werkt dit allemaal niet. Maar ja, wie wil die rommel überhaupt gebruiken?
NB De CSS-code waar het om gaat kun je hier zien: https://www.codepile.net/raw/rJKB2QXb.css
Er is een manier om deze verandering te neutraliseren. Ik heb een licht aangepaste stylesheet (een tekstbestandje met vormgevinginstructies voor je browser) gemaakt die je automatisch kunt laten werken bij een bezoek aan nu.nl. Hierdoor krijg je een compactere view die prettiger leest en verdwijnen ook de meeste reclameblokken.
Eenmalige stappenplan voor gebruikers van Chrome of Firefox:
1. installeer de extensie Stylus. Gebruik je Chrome of een andere Chromium-browser, zoals Brave of Slimjet dan ga je naar https://chrome.google.com/webstore/deta ... bafhncgmne en klik je op de installatieknop. Gebruik je Firefox of een ander Mozilla-browser dan ga je naar https://addons.mozilla.org/en-US/firefox/addon/styl-us/ en klik je op de installatieknop.
2. Ga naar https://userstyles.org/styles/182510/nu-nl-compact en klik op de installatieknop.
3. Ga naar Nu.nl en check of het gelukt is.
Zie je geen verschil? Ververs dan de pagina met Control-F5. Helpt dat niet, leeg dan de browsercache. Helpt dat niet? Herstart dan de browser. Helpt dat niet? Herstart dan de computer. Helpt dat niet? Gooi dan de computer uit het raam of laat het hier weten.
Voor andere typen browsers zoals Internet Explorer, Edge en Safari werkt dit allemaal niet. Maar ja, wie wil die rommel überhaupt gebruiken?
NB De CSS-code waar het om gaat kun je hier zien: https://www.codepile.net/raw/rJKB2QXb.css


vrijdag 17 april 2020 om 16:26
Ik vind het wel een verbetering eigenlijk en zie het probleem niet zo.
Moet ook eigenlijk altijd een beetje lachen om dat gejank als een website een ander jasje krijgt. Mensen kunnen heel slecht tegen verandering.
Als ik een forum van een ander design voorzie dan meld ik het altijd ruim van tevoren, zodat iedereen alvast een beetje aan het idee kan wennen.

Moet ook eigenlijk altijd een beetje lachen om dat gejank als een website een ander jasje krijgt. Mensen kunnen heel slecht tegen verandering.
Als ik een forum van een ander design voorzie dan meld ik het altijd ruim van tevoren, zodat iedereen alvast een beetje aan het idee kan wennen.

vrijdag 17 april 2020 om 17:51
Die helpt helaas niet tegen de 'Toon meer' en de 'Shop onze favorieten'.


vrijdag 17 april 2020 om 18:58
SombraOnline schreef: ↑17-04-2020 18:14Bij mij wel, ik gebruik AdBlock via Chrome op de laptop. Kan je zelf ook nog elementen blokkeren.![]()
Dit dus.

vrijdag 17 april 2020 om 21:56
Ik gebruik de browser Brave plus de adblocker uBlock Origin en ik zie niks met diie namen. Gewoon een schoon forum met alleen die zijkolom met flauwe lees-ook's. Daar heb ik geen last van verder en kun je bovendien dichtklappen met dat icoontje.
vrijdag 17 april 2020 om 23:07
Die vervolgens de volgende pagina gewoon weer openspringt. Heeft niet iedereen last van gelukkig, maar da's wel de reden dat ik hem blokkeer.
¡Apagando las luces!

zaterdag 18 april 2020 om 23:13
OK, voor het Viva-forum heb ik ook een aangepaste stylesheet gemaakt. Volg dezelfde stap 1 als hierboven als je dat nog niet gedaan had. Voor stap 2: Ga naar https://userstyles.org/styles/182550/vi ... cleaned-up en klik op de installatieknop. Je krijgt dan een forum zonder Lees Ook, advertenties, shop-sectie en (op mobiel) Lees Meer-functie.
Voor gebruik op mobiel moet je de Firefox-app gebruiken als je van die Lees Meer-functie afwil, omdat die als enige browser-app extensies ondersteunt op mobiel. Voor gebruik op computer kun je ook Chrome of een andere Chromium-browser gebruiken.
Voor gebruik op mobiel moet je de Firefox-app gebruiken als je van die Lees Meer-functie afwil, omdat die als enige browser-app extensies ondersteunt op mobiel. Voor gebruik op computer kun je ook Chrome of een andere Chromium-browser gebruiken.
zaterdag 18 april 2020 om 23:22
JuriaanB schreef: ↑18-04-2020 23:13OK, voor het Viva-forum heb ik ook een aangepaste stylesheet gemaakt. Volg dezelfde stap 1 als hierboven als je dat nog niet gedaan had. Voor stap 2: Ga naar https://userstyles.org/styles/182550/vi ... cleaned-up en klik op de installatieknop. Je krijgt dan een forum zonder Lees Ook, advertenties, shop-sectie en (op mobiel) Lees Meer-functie.
Voor gebruik op mobiel moet je de Firefox-app gebruiken als je van die Lees Meer-functie afwil, omdat die als enige browser-app extensies ondersteunt op mobiel. Voor gebruik op computer kun je ook Chrome of een andere Chromium-browser gebruiken.
Leuk dat je dat gedaan hebt en beschikbaar stelt

zondag 19 april 2020 om 08:19
JuriaanB schreef: ↑18-04-2020 23:13OK, voor het Viva-forum heb ik ook een aangepaste stylesheet gemaakt. Volg dezelfde stap 1 als hierboven als je dat nog niet gedaan had. Voor stap 2: Ga naar https://userstyles.org/styles/182550/vi ... cleaned-up en klik op de installatieknop. Je krijgt dan een forum zonder Lees Ook, advertenties, shop-sectie en (op mobiel) Lees Meer-functie.
Voor gebruik op mobiel moet je de Firefox-app gebruiken als je van die Lees Meer-functie afwil, omdat die als enige browser-app extensies ondersteunt op mobiel. Voor gebruik op computer kun je ook Chrome of een andere Chromium-browser gebruiken.
O wauw, als dit toch eens zou lukken ben ik je eeuwig dankbaar! Alleen, bij stap 1 krijg ik al de melding:
'Not available on Firefox for Android. You can use this add-on with Firefox for Desktop, or look for similar Android add-ons.' Helaas...


zondag 19 april 2020 om 13:34
OK, ik had het niet zelf getest op mijn mobiel, maar de Stylus-extensie blijkt inderdaad niet te werken op Android. Alternatief volledig stappenplan (Engelse versie, dus NL-versie kan andere termen gebruiken):
1. Installeer Firefox voor Android
2. Ga in de Firefox-settings naar Add-ons
3. Zoek in het aanbod naar de add-on met de naam "Stylish - Custom themes for any website" en installeer deze
4. Ga naar https://userstyles.org/styles/182550/vi ... cleaned-up en installeer de style
5. Ga naar het forum en het zou moeten werken.
1. Installeer Firefox voor Android
2. Ga in de Firefox-settings naar Add-ons
3. Zoek in het aanbod naar de add-on met de naam "Stylish - Custom themes for any website" en installeer deze
4. Ga naar https://userstyles.org/styles/182550/vi ... cleaned-up en installeer de style
5. Ga naar het forum en het zou moeten werken.

zondag 19 april 2020 om 22:47
Probeer nog eens. Je moet eerst weer even naar https://userstyles.org/styles/182550/vi ... cleaned-up en dan de styles updaten.
maandag 20 april 2020 om 08:34

