×

Help Tweakers weer winnen!

Tweakers is dit jaar weer genomineerd voor beste nieuwssite, beste prijsvergelijker en beste community! Laten we ervoor zorgen dat heel Nederland weet dat Tweakers de beste website is. Stem op Tweakers en maak kans op mooie prijzen!

Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Reacties redactionele content - Development-iteratie #112

Door , 49 reacties

08-08-2017 • 14:38

49 Linkedin Google+

Bij het live gaan van de nieuwe lay-out van de redactionele content kregen we van veel gebruikers feedback over de uitlijning van de reacties. We zijn met deze feedback aan de slag gegaan, met als resultaat dat we de reacties nu in het midden van de pagina plaatsen, net zoals de tekst van het artikel. Daarnaast hebben we wat kleine verbeteringen gedaan aan de styling van de elementen rondom de reacties, zodat een rustiger beeld ontstaat. Verder hebben we de stippellijn die naast de reacties staat, aangepast, omdat we erachter kwamen dat deze tot slechtere scrollprestaties leidde.

Nieuwe mobiele productlisting

Om de bruikbaarheid van de productlisting in de Pricewatch op mobiel te verbeteren hebben we daar een aantal subtiele aanpassingen gedaan aan de presentatie. Door de elementen wat anders weer te geven, ontstaan meer rust en overzicht, zodat je een beter beeld krijgt van de producten. In de afgelopen periode hebben we verschillende versies getest, met onderstaande uitvoering als winnaar.

Community-pick

Met een overtuigende 42 procent werd in de poll bij het het vorige .plan gekozen voor ‘Gifv-ondersteuning in het forum’. Vanaf nu kun je de animaties van imgur (gifv) in het forum gebruiken. Je kunt dit doen door de url tussen [video]-tags te zetten bijvoorbeeld: [video]http://i.imgur.com/A61SaA1.gifv[/video]

Security issue 

Met dank aan een oplettende gebruiker die ons mailde op security@tweakers.net, hebben we een beveiligingsprobleem kunnen oplossen. Xss is niet langer mogelijk in notificatiemails. Grote dank voor het melden. Het goodiepakket van Tweakers is onderweg :)

Uitbreiding van het developmentteam

Zowel op 1 juni als op 1 augustus hebben we een nieuwe developer in het developmentteam mogen verwelkomen: Donovan en Bas. Met hun komst is het team nu op volle sterkte.

Reacties (49)

Wijzig sortering
Fijn. Die reacties centraal ogen een stuk rustiger. En maken het redesign iets minder erg.
Ik ben toch alleen nog niet zo'n fan van de nieuwe layout. Maar goed...
Heel erg nice! Eigenlijk vind ik Tweakers in 1999 beter dan de meeste moderne sites, zoals NRC, waar alles totaal onoverzichtelijk is en je niet gewoon het nieuws onder elkaar kunt zien.

Verder:
Uit reacties op ons forum en de resultaten van de poll op deze site is inmiddels duidelijk geworden dat de Compuserve CD's, die nu al ongeveer 3 jaar lang non-stop en ongevraagd bij een groot aantal Nederlandse tijdschriften worden verspreidt, een behoorlijke bron van irritatie beginnen te vormen.

Nu is de tijd aangebroken om keihard terug te slaan en een einde te maken aan de terreur van de Compuserve CD's! Tweakers.net is een actie begonnen waarbij wij iedereen oproepen om massaal op 10 mei de CD's terug te sturen naar het antwoordnummer van Compuserve. Meer over de actie lees je op compuserve-actie.tweakers.net.
Dit is briljant, weet iemand toevallig of die actie succes heeft gehad?
Offtopic:
Ha klinkt bekent, ik vind de NOS site zo on overzichtelijk. Terwijl ik de app layout wel erg fijn vind.

Ontopic:
De reactie in het midden is echt een verbetering! Nu de tekstgrootte nog ietsjes kleiner en ik ben gelukkig man :P
Echt de geschiedenis herleven kan natuurlijk op World of Tweakers https://tweakers.net/wot/

[Reactie gewijzigd door Jelv op 9 augustus 2017 13:23]

Ik ook niet, ik heb in het originele topic over de nieuwe layout al een custom CSS Geplaatst, als je daar deze regel tussenzet .centeredReactions #reacties, dan worden ook de comments weer links uitgelijnd. Muchos beteros.
#heroBlock {
border: 0 ;
height: 266px ;
}

.centered.articleColumn .centeredContent .article p, .centered.articleColumn > .headingContent.nieuws, .centered.articleColumn .centeredContent .article h2, .centered.articleColumn .centeredContent .article h3, .centered.articleColumn .centeredContent .article .video-wrapper, .centered.articleColumn .centeredContent .nextPrevLinks, .centered.articleColumn, .centeredReactions #reacties, .centeredContent .reviewToc {
margin-left: 30px ;
}

.heroBackgroundImage, .articleOptions {
display: none;
}

[Reactie gewijzigd door Cyw00d op 8 augustus 2017 15:31]

Daar ontbrak bij mij de single page knop... dus ik heb hem gedisabled.
Geen idee of je dit wat vindt, maar ik heb de layout bij mezelf aangepast zodat tekst van artikelen en reacties daadwerkelijk de beschikbare ruimte in beslag nemen. Het stoort mij persoonlijk vooral dat er vrij veel ruimte onbenut blijft. Dat heb ik met de volgende code aangepast:
/*Maximale breedte opheffen van artikelen en koppen */
#contentArea .centeredContent .article .center, #contentArea .centeredContent .article p, #contentArea .centeredContent .article > ol, #contentArea .centeredContent .article > ul, #contentArea .centeredContent .article > h1, #contentArea .centeredContent .article > h2, #contentArea .centeredContent .article > h3, #contentArea .centeredContent .article > table, #contentArea .centeredContent .article > div, #contentArea .centeredContent .article > blockquote {
max-width:none;
}
#contentArea .headingContent h1{
max-width: none;
}
#contentArea .centeredContent h2.chapter{
max-width: none;
}
#contentArea .headingContent{
margin-left: 0px;
}
/* Maximale breedte opheffen van reacties */
#commentColumn.centeredReactions #reacties{
margin-left: 0px;
}
.reactieBody{
max-width:none;
}
/*Maximale breedte reactieveld opheffen */
#reactieForm{
max-width: none;
}
/* Herplaats artikelopties naar rechterkant */
#contentArea .centeredContent .articleOptions{
float: right;
position: relative;
}
(Ook beschikbaar via https://userstyles.org/st...weakers-volledige-breedte)

Ps. Het zou kunnen zijn dat er her en der nog een tussenkop gecentreerd staat.

[Reactie gewijzigd door JKP op 9 augustus 2017 02:39]

Ik vind alleen de uitlijning tussen de reacties en het reactie-veld een beetje vreemd. Komt omdat #reactieForm een margin-left van 23px heeft.
Dat komt omdat als je reageert op iemand hij er eigenlijk onder komt te staan denk ik, iets in die richting. Alleen bij de hoofdthread doet hij dit dus ook ;)

[Reactie gewijzigd door DarkBlaze op 8 augustus 2017 14:48]

Dat komt omdat als je reageert op iemand hij er eigenlijk onder komt te staan denk ik, iets in die richting. Alleen bij de hoofdthread doet hij dit dus ook ;)
In dat geval staat ie wel juist, aangezien je dan inderdaad reageert. Het originele inputveld hoort imo gewoon helemaal links te staan.
Dat is inderdaad niet de bedoeling; gaan we fixen :)
Dat was snel! Nice.
Viel mij ook op. Durfde het niet te zeggen
En we mogen niet weten wat het security issue was? :X

Verder congreats aan Donovan en Bas!
Xss is niet langer mogelijk in notificatiemails
Ik heb zo'n vermoeden dat een parameter in de url in deze mail niet goed gecontroleerd werd.
Mogelijk, maar ik zag vooral een ingebeelde inception van tweakers die een nieuwsbericht over zichzelf post over een veiligheidslek 8-)
Lijkt mij niet handig gezien het om de veiligheid en integriteit van de website gaat. :) Ach als je op Xss Security Leaks zoekt kan je zelf al een idee krijgen. :)
Ik vind de uitlijning van de reacties maar niks, maar als de meerderheid dit fijner vindt, wie ben ik dan om erover te klagen? :9

Ik los het wel op met Stylish.

[Reactie gewijzigd door Mitch377 op 8 augustus 2017 15:11]

Idem. Met custom css de reacties weer naar links verplaatst. :)
#commentColumn.centeredReactions #reacties {
margin-left: 0;
}

[Reactie gewijzigd door Zeror op 8 augustus 2017 16:36]

Welke CSS heb je daarvoor gebruikt? Ik word er ook niet echt vrolijk van.
Ja heel die uitlijning van het artikel en de reacties vind ik niks. Ik heb het panel links uitgeschoven staan waardoor de alle content net voor het midden van mijn scherm begint. Hierdoor heb ik juist de nijging om mijn hele houding te veranderen door meer naar rechts te gaan zitten omdat ik de inhoud voor me wil hebben...
Helaas is er niks gebeurt met de grootste klacht van de gebruikers, de overdreven hoeveelheid witruimte..
Die gaat toch gebruikt worden voor hero's, afbeeldingen en video's die uit de content moeten springen?
Je bedoelt reclame.

Edit: Afbeeldingen en video's worden ook centraal gepositioneerd, Hero's staan boven de tekst inderdaad over de gehele breedte. Dus de witruimte om de tekst heen blijft, tenzij ze daar reclame neerzetten. ;)

[Reactie gewijzigd door Cyw00d op 8 augustus 2017 15:33]

Nee, anders zei ik dat gewoon.
Nope. Dat is erg in de mode helaas... heb je hoge resolutie scherm en en dan krijg je meer whitespace in plaats van content 8)7
Of ze worden gevuld met ads...
Witruimte is gewoon een woord wat al heel lang ingeburgerd is.
Welkom Donovan en Bas!
Bedankt allemaal :)
de layout wordt per iteratie minder sterk, steeds meer onnodige verandering zoals artikelen gecentreerd weergeven het niet optimaal benutten van een volledig scherm. nu die stippellijn naast de reacties was ook niet nodig.
Die stippellijn was eerst een 'dotted', maar dat gaf vanwege een recente bug in Chrome weer scroll-problemen bij wat gebruikers.
Verbeteringen waren mij ook opgevallen, reacties in het midden leest een stuk fijner weg nu. Wederom dank en ga zo door! :)
Ziet er weer goed uit allemaal :)
(...) kregen we van veel gebruikers feedback over de uitlijning van de reacties. We zijn met deze feedback aan de slag gegaan (...).
Fijn om te zien dat Tweakers nog altijd betrokken is met de community en ook daadwerkelijk iets doet met de gegeven feedback. Zeker gezien de hoeveelheid kritiek die gegeven is bij het live gaan van de nieuwe lay-out.

Op dit item kan niet meer gereageerd worden.


Apple iPhone X Google Pixel 2 XL LG W7 Samsung Galaxy S8 Google Pixel 2 Sony Bravia A1 OLED Microsoft Xbox One X Apple iPhone 8

© 1998 - 2017 de Persgroep Online Services B.V. Tweakers vormt samen met o.a. Autotrack en Hardware.Info de Persgroep Online Services B.V. Hosting door True

*