[bug] Pagina's te wit!

[aaajeetee]

zwittrooper schreef op donderdag 18 oktober 2012 @ 14:22:
Ik gebruik zelf de extensie Stylish van Userstyles.org in Chrome (werkt ook met firefox). Heb deze stylesheet er aan gehangen:

code:

@-moz-document domain("tweakers.net") {
#layout {
background-color: #313232;
}
#forumheading {
background-color: #EDEEEE;
}
#contentArea {
background-color: #EDEEEE;
padding-left: 5px;
padding-right: 5px;
}
}

Dit zorgt voor een grijze/zwarte achtergrond + lichtgrijze content.
Is nu een stuk beter voor mijn ogen

Thanks, dit werkt perfect!

[El_V]

Mektheb schreef op donderdag 18 oktober 2012 @ 18:23:
Ben nu net thuis gekomen, en ik zie dat op mijn Scherm nu wel alles met een grijstint is.
Het forum in iedergeval, zo zie je maar weer hoe gaar TN Panelen zijn.

haha precies hetzelfde hier. dacht al dat ze het hadden aangepast door het vele geklaag.

maar op IPS scherm zit het er al een stuk beter uit! alleen nog steeds de achtergrond te licht

[tweaker2010]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 18:22:
Hoe ik hem nu heb gestyled Weg met die irritante search bar, iets meer contrast en samenhang. Beetje quick 'n dirty gestyled, maar het werkt voor mij.

Netjes! Dat ziet er een stuk beter uit!.

Je mag toch hopen dat de devvers ook doorkrijgen dat wit en grijs omgewisseld moeten worden?

[BtM909]

SinergyX schreef op donderdag 18 oktober 2012 @ 18:43:
[...]
(google tel ik niet mee, dat is een click&go pagina, geen uitgebreid leesgebeuren).

Dat ben ik niet mee eens, want de gemiddelde persoon zit waarschijnlijk het meest met Google voor z'n snufferd.

In de eerste instantie heb ik ook gedacht dat het te wit was om vervolgens te denken dat het reuze meevalt (vergeleken met andere grote witte sites), maar volgens mij komt het door het kleurgebruik van de lichte achtergrond van de content, de lichtere kleur (op de FP) en het witte aan de zijkant.

Ik kan het niet goed uitleggen, maar op de FP is het witte niet storend tenzij je gaat focussen op de tekst

---

In z'n algemeenheid wil ik iig iedereen aanraden om een tool als f.lux te installeren, want het is niet normaal dat anno 2012 het nog steeds niet mainstream is om geen dynamic brighness / color warmth te hebben

[m0nk]

zwittrooper schreef op donderdag 18 oktober 2012 @ 14:22:
Ik gebruik zelf de extensie Stylish van Userstyles.org in Chrome (werkt ook met firefox). Heb deze stylesheet er aan gehangen:

code:

@-moz-document domain("tweakers.net") {
#layout {
background-color: #313232;
}
#forumheading {
background-color: #EDEEEE;
}
#contentArea {
background-color: #EDEEEE;
padding-left: 5px;
padding-right: 5px;
}
}

Dit zorgt voor een grijze/zwarte achtergrond + lichtgrijze content.
Is nu een stuk beter voor mijn ogen

Thanks, al een kleine verbetering nu. Scheelt idd!

[witchdoc]

Ik kan me écht niet voorstellen dat er geen enkele betatester iets heeft gezegd over deze kleurstelling
Daarbij ook nog eens belachelijk veel ruimte tussen/rond zowat alles en ik vraag me bijna serieus af of bewust is geprobeerd gans t.net onleesbaar te maken.
't Is wel een manier om me eindelijk die karmapunten te laten spenderen natuurlijk.

[ Voor 13% gewijzigd door witchdoc op 18-10-2012 20:38 ]

[SmokingCrop]

Persoonlijk vind ik dit wel rustig lezen.
Niet bepaald geavanceerd en dus ook spijtig van de comments die bv. nog in het wit zijn. (en forum obviously)
.

Cascading Stylesheet:

html { background-color: #EEE5DE; }

div#contentArea {
     background-color: #FDF5E9;
     padding-left: 20px;
     padding-right: 20px; 
     border-left: #F5DEB3 1px solid;
     border-right: #F5DEB3 1px solid;    
}

Klik om te vergroten :

[ Voor 10% gewijzigd door SmokingCrop op 18-10-2012 20:44 ]

[tweaker2010]

Zo ziet mijn FP er nu uit. Wel een stuk beter vind ik:

[Ravefiend]

Wat ook heel erg helpt is het aanpassen van line-height dewelke op de meeste plaatsen, naar mijn mening althans, te ruim is gekozen.

[kromme]

heb vandaag gehoord wat lichtterapie kost bij ons op het werk...dit is stukken goedkoper...

[Jeroenneman]

tweaker2010 schreef op donderdag 18 oktober 2012 @ 20:50:
Zo ziet mijn FP er nu uit. Wel een stuk beter vind ik:
[afbeelding]

Niks aan veranderen, gelijk zo implementen!

[ReseTTim]

Op dit moment kan ik niet eens die Custom CSS uit de karmastore kopen terwijl ik toch dik 72k heb.. hebben anderen hier ook last van?

[tweaker2010]

ReseTTim schreef op donderdag 18 oktober 2012 @ 21:06:
Op dit moment kan ik niet eens die Custom CSS uit de karmastore kopen terwijl ik toch dik 72k heb.. hebben anderen hier ook last van?

Daar heb ik geen last van , ik kan hem gewoon kopen:

Je staat op het punt om de feature "Custom CSS" aan te schaffen met de door jou verzamelde karma. Deze feature zal een halfjaar beschikbaar zijn (dus tot 18-04-2013) waarna je via de karmastore weer kunt verlengen.

[Orion84]

zwittrooper schreef op donderdag 18 oktober 2012 @ 14:22:
Ik gebruik zelf de extensie Stylish van Userstyles.org in Chrome (werkt ook met firefox). Heb deze stylesheet er aan gehangen:

code:

@-moz-document domain("tweakers.net") {
#layout {
background-color: #313232;
}
#forumheading {
background-color: #EDEEEE;
}
#contentArea {
background-color: #EDEEEE;
padding-left: 5px;
padding-right: 5px;
}
}

Dit zorgt voor een grijze/zwarte achtergrond + lichtgrijze content.
Is nu een stuk beter voor mijn ogen

Nadeel is dat vacatures dan het lichtgrijze vlak uitlopen, het donkergrijze deel in:
[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

[Caelorum]

ReseTTim schreef op donderdag 18 oktober 2012 @ 21:06:
Op dit moment kan ik niet eens die Custom CSS uit de karmastore kopen terwijl ik toch dik 72k heb.. hebben anderen hier ook last van?

Je moet kijken of je genoeg beschikbare karma hebt. De totale karma is niet van belang, Zo heb ik 'maar' 11K van mijn 39K in totaal beschikbaar.

[Ardana]

Ik heb zwaar onvoldoende karma, en omdat ik enkel actief ben op 't forum, krijg ik er ook niks bij (hulpvolle posts in GC leveren niks op). Geen CSS voor mij dus.
M'n scherm staat al op z'n zachtst, en ik word alsnog weggebrand.

Daarnaast: het is ook nog 'ns energie-onzuinig. Nope, niet eensch met wit dus.

[Matthijs Hoekstra]

Ik vind het prachtig, had het met office 2013 in het begin ook, maar nu ik er een tijdje mee werk wil ik niet meer terug. Ik zou de site nog een paar dagen aankijken voor je echt oordeelt.

[boelensman1]

Na wat aanpassingen vind ik het er al een stuk beter uitzien. Gebruik opera's custom css functie met de volgende stylesheet: boelensman1 in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'".

[Phyxion]

Helemaal mee eens, je krijgt gewoon acuut migraine van al dit wit.

MikeyMan schreef op donderdag 18 oktober 2012 @ 14:52:
Wel goed van google trouwens:
Ads door Google
De oogziekte glaucoom

[ Voor 60% gewijzigd door Phyxion op 18-10-2012 21:53 ]

[ChevyVan79]

Ik heb momenteel dit in mijn custom css staan. Het 'fixed' de efficiente (not!) positie van "Reageer". Ook is de layout wat compacter. Zelf ben ik alleen nog niet zo blij met de kleuren in het reactievak.

code:

textarea[name=Stylesettings]
{
  font-family: "Lucida Console", "Courier New", monospace;
  min-width: 500px;
}

html
{
  background: #222;
}

h2, .highlights
{
  margin-bottom: 10px !important;
}

div#contentArea
{
  background: #F5F5F5;
  padding-left: 20px;
  padding-right: 20px; 
  border-left: 1px solid #C3C6C6;
  border-right: 1px solid #C3C6C6;
}

#fpaItems
{
  margin-bottom: -5px !important;
}

#searchBar
{
  background: #333 !important;
}

.highlights td
{
  padding: 4px 0 !important;
}

.textContainer
{
  height: 23px !important;
}

.notificationsContainer, .topBorder, .modButtons, #bottom .hr
{
  display: none;
}

#menubar
{
  width: 100% !important;
}

.fpaItem:hover .textContainer
{
  background: #000;
}

.reactieBody
{
  position: relative;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.reactieFooter
{
  top: 24px;
  right: 75px;
  position: absolute;
}

.reactieReply
{
  width: auto;
}

.eenReactie
{
  margin-top: 0;
}

.reactie
{
  background: #F5F5F5;
  border-left: 1px solid #DBDEDE !important;
}

#bottom
{
  box-shadow: 0 0 5px 0 #000;
}

a.commentLink
{
  color: #BBB;
}

a.commentLink:hover
{
  color:#024368;
}

[Felyrion]

Ik zou het graag ongeveer willen zoals onderstaande (snelle mockup van een mockup).



Zou dit te doen zijn in CSS of moet er dan meer veranderen...

[hhoekstra]

Ik heb stylish ook maar even in chrome geïnstalleerd. Nu met donkere achtergrond leest het veel prettiger.

[Cyberamp]

hhoekstra schreef op donderdag 18 oktober 2012 @ 22:15:
Ik heb stylish ook maar even in chrome geïnstalleerd. Nu met donkere achtergrond leest het veel prettiger.

yep, hier ook blij mee!

[Anoniem: 476393]

sinds de nieue lay-out gebruik ik deze:




Maar het doet serieus pijn aan de ogen.

[mkleinman]

zwittrooper schreef op donderdag 18 oktober 2012 @ 14:22:
Ik gebruik zelf de extensie Stylish van Userstyles.org in Chrome (werkt ook met firefox). Heb deze stylesheet er aan gehangen:

code:

@-moz-document domain("tweakers.net") {
#layout {
background-color: #313232;
}
#forumheading {
background-color: #EDEEEE;
}
#contentArea {
background-color: #EDEEEE;
padding-left: 5px;
padding-right: 5px;
}
}

Dit zorgt voor een grijze/zwarte achtergrond + lichtgrijze content.
Is nu een stuk beter voor mijn ogen

Mijn dank is HEEL erg groot, wat een verschil zeg.

[ChevyVan79]

Felyrion schreef op donderdag 18 oktober 2012 @ 22:14:
Ik zou het graag ongeveer willen zoals onderstaande (snelle mockup van een mockup).

[afbeelding]

Zou dit te doen zijn in CSS of moet er dan meer veranderen...

Ik denk dat dit aardig in de buurt komt...

code:

.popup.trackerPopup.fixed
{
  margin-top: -20px;
  margin-left: 20px;
  box-shadow: none;
}
html
{
  background: #313232;
}
div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
  background: #FFF;
}
#menubar
{
  width: 980px;
}
#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#top
{
  border-bottom: 0;
}
#bottom .hr
{
  display: none;
}

[ Voor 7% gewijzigd door ChevyVan79 op 18-10-2012 22:55 . Reden: wat css aangepast ]

[UltraSub]

Het went wel langzaam een beetje moet ik zeggen..

* UltraSub bukt en kruipt onder een stoel...

/edit
Zonder flauwekul, het went wel, maar het blijft te vermoeiend voor de ogen. Maar dat is al genoeg gezegd hier, zal vast wat aan gedaan worden.

[ Voor 38% gewijzigd door UltraSub op 18-10-2012 22:45 ]

[Blue-eagle]

Kleine update:

• Fixed header, search bar verwijderd.
• Lelijke witte rand bij footer verwijderd.
• Vage borders bij reacties op FP verwijderd.
• 15 Pixels ruimte tussen forumberichten verwijderd.
• Moar drop shadows 4 teh win!
• Grijze achtergrond met witte content.

Werkt vooralsnog op alle onderdelen van de site. Wat een paar regeltjes aan CSS wel niet kunnen doen

Cascading Stylesheet:

#layout { background: #aaa; min-height: 1000px; }
#contentArea {
    background: #fff;
    padding: 100px 20px 200px 20px;
    box-shadow: 0 0 10px #555;
    min-height: 1000px;
}
#top {
    position: fixed;
    width: 100%;
    height: 85px;
    border: none;
    box-shadow: 0 0 10px #333;
    z-index: 9999;
}
#searchbar { display: none; }
.galleryHeadingContainer { display: none; }

#reacties * { border: none; }

#bottom {
    background: -webkit-linear-gradient(#333,#000) 0 0;
    box-shadow: 0 0 10px #333;
}
#bottom div.hr { display: none; }

.pageTabsContainer {
    margin-top: 51px;
    box-shadow: 0 0 10px #333;
    height: 30px;
    overflow: hidden;
}

div.content { margin-top: 30px; }

div.message { margin-bottom: -1px; }

div.popup.trackerPopup {
    position: fixed;
    box-shadow: 0 0 10px #333;
}

[ Voor 25% gewijzigd door Blue-eagle op 18-10-2012 23:20 ]

[Ethelind]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 22:44:
Werkt vooralsnog op alle onderdelen van de site. Wat een paar regeltjes aan CSS wel niet kunnen doen

code:

#layout { background: #aaa; }
#contentArea {
    background: #fff;
    padding: 100px 20px 200px 20px;
    box-shadow: 0 0 10px #555;
}
#top {
    position: fixed;
    width: 100%;
    height: 85px;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 10px #333;
    z-index: 99999;
}
#searchbar { display: none; }

#reacties * { border: none; }

#bottom { box-shadow: 0 0 10px #333; }
#bottom div.hr { display: none; }

Werkt inderdaad overal... behalve op het forum

[BtM909]

Ik erger me meer aan het gebrek aan [code=css][/] tags dan aan de witruimte

[Felyrion]

ChevyVan79 schreef op donderdag 18 oktober 2012 @ 22:42:
[...]


Ik denk dat dit aardig in de buurt komt...

code:

.popup.trackerPopup.fixed
{
  margin-top: -20px;
  margin-left: 20px;
  box-shadow: none;
}
html
{
  background: #313232;
}
div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
  background: #FFF;
}
#menubar
{
  width: 980px;
}
#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#top
{
  border-bottom: 0;
}

Thnx! Dit maakt het een stuk beter We komen er wel...

[ShadowBumble]

BtM909 schreef op donderdag 18 oktober 2012 @ 19:55:
In z'n algemeenheid wil ik iig iedereen aanraden om een tool als f.lux te installeren, want het is niet normaal dat anno 2012 het nog steeds niet mainstream is om geen dynamic brighness / color warmth te hebben

Eigenlijk vind ik dit toch wel een ronduit slechte opmerking waarom zou je weer een extra tool of feature moeten aanschaffen/gebruiken om iets acceptabel te maken & fatsoenlijk te kunnen gebruiken ? Het was tijdens de BETA phase al bekend dat het wit gebruik buiten proportioneel is, toen niks aan gedaan, of althans niet voor het BETA team, nu is het live en en komt een nog grotere stroom met meldingen dat de nieuwe layout gewoon weg niet prettig is.

Vanuit een dev standpunt ( ik begrijp dat het een groot project is en veel werk ) snap ik dit al helemaal niet, ikzelf als ik dev heb ik altijd alle code op zwarte achtergrond grijze tekst, zoveel rustiger als je lang richting code zit te staren om te bug hunten, waarom dan een keuze als deze maken ?

Het andere punt is, blijkbaar is het zo makkelijk aan te passen via een extern programma of custom css dat ik me niet kan voorstellen dat dit niet "easy fixable" zou zijn als wij het konden achterhalen via een programma of custom css binnen een uur na lanceering dan lijkt mij het ook niet meer dan normaal dat iedereen bij Tweakers intern inclusief de devvers dat ook konden.

Hoe dan ook, ik krijg altijd al grote koppijn door belachelijke contrasten in website en het bizarre gebruik van wit dan mijn tijd op Tweakers.net jammer genoeg sterk verminderd zal worden, een persoonlijke non objectieve mening ben ik me van bewust maar waarom zou ik op een site rond hangen die met hoofdpijn bezorgt door kleur gebruik en layout en niet door een stevige en goed odnerbouwde discussie

[Blue-eagle]

Ethelind schreef op donderdag 18 oktober 2012 @ 22:48:
[...]


Werkt inderdaad overal... behalve op het forum

Weer wat gefixed, update code, getest in Chrome 22.0 overigens

[Barrycade]

En wat is dat met de witregels tussen de posts en de ruimte rondom alle elementen?
Scrollen tot je een ons weegt is het gevolg.

[Fietsbel]

BtM909 schreef op donderdag 18 oktober 2012 @ 19:55:
[...]


In z'n algemeenheid wil ik iig iedereen aanraden om een tool als f.lux te installeren, want het is niet normaal dat anno 2012 het nog steeds niet mainstream is om geen dynamic brighness / color warmth te hebben

Sorry hoor, maar een app die m'n scherm veranderd in een sepia foto is echt niet praktisch. Ongetwijfeld zullen er hele kudde's wel dol van worden, net zoals alle filters van instagram te gebruiken voor een simpele foto.
Zo normaal anno 2012 is het inderdaad niet.

[Blue-eagle]

Barrycade schreef op donderdag 18 oktober 2012 @ 22:56:
En wat is dat met de witregels tussen de posts en de ruimte rondom alle elementen?
Scrollen tot je een ons weegt is het gevolg.

Simpele fix:

Cascading Stylesheet:

div.message { margin-bottom: -1px; }

Breekt wel weer andere shit, maar da's minder storend dan NumberOfPosts*15 overbodige pixels ruimte per pagina

[ Voor 15% gewijzigd door Blue-eagle op 18-10-2012 23:04 ]

[Ethelind]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 22:55:
[...]

Weer wat gefixed, update code, getest in Chrome 22.0 overigens

Bent me wel een leuke zeg, ik pak die css code van jou, nu kan ik niet meer bij de dropdown menus op de frontpage hahaha gelukkig werkt het niet op het forum

[Keypunchie]

Een bonus van de nieuwe Tweakers-site: heb alweer flink wat over css geleerd.

[Blue-eagle]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:04:
[...]


Bent me wel een leuke zeg, ik pak die css code van jou, nu kan ik niet meer bij de dropdown menus op de frontpage hahaha gelukkig werkt het niet op het forum

Moet gefixed zijn in de laatste update

[Ethelind]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 23:07:
[...]

Moet gefixed zijn in de laatste update

nu nog mijn tracker terug, maar dat zal wel met een plugin moeten

[Blue-eagle]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:09:
[...]


nu nog mijn tracker terug, maar dat zal wel met een plugin moeten

Tracker? Ohhh dat ding! Is vast ook te fixen... moment.

Edit: je bedoelt vast niet dat RSS achtige apparaat rechtsboven? Dan weet ik het ook niet eigenlijk

[ Voor 17% gewijzigd door Blue-eagle op 18-10-2012 23:10 ]

[oehoe]

Keypunchie schreef op donderdag 18 oktober 2012 @ 23:06:
Een bonus van de nieuwe Tweakers-site: heb alweer flink wat over css geleerd.

LOL, idd ik heb vandaag wel weer wat geleerd over CSS. Maar ik moet eerlijk zeggen met de nodige potten bier in m'n mik en m'n monitor gedimd kan ik toch niet bij m'n favoriete webstek wegblijven.

[Femme]

SinergyX schreef op donderdag 18 oktober 2012 @ 18:43:
[...]

Open eens een random pagina van Wikipedia, wat valt je op? Juist, alle tekst over de volledige breedte van je scherm, je hebt amper complete vlakken wit waar je op een stukje tekst in het midden zit te focusen, je leest het als een brief met tekst (tot bepaalde marges).

Facebook, heeft 90% soort van zachtblauwe achtergrond hier, lang niet zo 'intensief' als puur wit, plus dat zij aanzienlijk meer gebruik maken van de volledige breedte dan op dit moment gemiddeld topic (40% op z'n best?).

Check de achtergrond van dit topic: lichtgrijs! (en geloof het of niet maar die achtergrond is iets donkerder dan in de oude layout ).

ShadowBumble schreef op donderdag 18 oktober 2012 @ 22:54:
[...]


Eigenlijk vind ik dit toch wel een ronduit slechte opmerking waarom zou je weer een extra tool of feature moeten aanschaffen/gebruiken om iets acceptabel te maken & fatsoenlijk te kunnen gebruiken ? Het was tijdens de BETA phase al bekend dat het wit gebruik buiten proportioneel is, toen niks aan gedaan, of althans niet voor het BETA team, nu is het live en en komt een nog grotere stroom met meldingen dat de nieuwe layout gewoon weg niet prettig is.

Er zit wel een kern van waarheid in. De overlast van een wit scherm wordt primair veroorzaakt doordat het beeldscherm teveel licht uitstraalt en dus te helder staat. Er zijn maar weinig mensen die verblind worden door een wit vel papier. De wat betere computers regelen de helderheid vanzelf bij.

De donkergrijze achtergrond hebben we weggehaald omdat een site met zo'n donkere achtergrond geen vriendelijke uitstraling heeft. Voor die-hard gebruikers die met hun 27 inch beeldscherm fullscreen in het donker volle polle brightness op Tweakers komen surfen willen we een oplossing zoeken . Ik ben er voorstander van om dat te combineren met een oplossing om de tracker permanent te kunnen positioneren op beeldschermen smaller tussen 1280 en 1500 pixels breed.

[Hero of Time]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 22:44:
Kleine update:

• Fixed header, search bar verwijderd.
• Lelijke witte rand bij footer verwijderd.
• Vage borders bij reacties op FP verwijderd.
• 15 Pixels ruimte tussen forumberichten verwijderd.
• Moar drop shadows 4 teh win!
• Grijze achtergrond met witte content.

Werkt vooralsnog op alle onderdelen van de site. Wat een paar regeltjes aan CSS wel niet kunnen doen

[afbeelding]

Cascading Stylesheet:

#layout { background: #aaa; min-height: 1000px; }
#contentArea {
    background: #fff;
    padding: 100px 20px 200px 20px;
    box-shadow: 0 0 10px #555;
    min-height: 1000px;
}
#top {
    position: fixed;
    width: 100%;
    height: 85px;
    border: none;
    box-shadow: 0 0 10px #333;
    z-index: 9999;
}
#searchbar { display: none; }
.galleryHeadingContainer { display: none; }

#reacties * { border: none; }

#bottom { box-shadow: 0 0 10px #333; }
#bottom div.hr { display: none; }

.pageTabsContainer {
    margin-top: 51px;
    box-shadow: 0 0 10px #333;
    height: 30px;
    overflow: hidden;
}

div.content { margin-top: 30px; }

div.message { margin-bottom: -1px; }

Ik probeer de bovenkant vast te zetten met jouw code, maar m'n tracker verschuilt zich achter #top. Nu kan ik 'm niet meer verplaatsen, en mis ik het laatste nieuws. Enig idee?

[Ethelind]

oehoe schreef op donderdag 18 oktober 2012 @ 23:11:
[...]
LOL, idd ik heb vandaag wel weer wat geleerd over CSS. Maar ik moet eerlijk zeggen met de nodige potten bier in m'n mik en m'n monitor gedimd kan ik toch niet bij m'n favoriete webstek wegblijven.

Ghehehe, 't is idd erg leuk om rond te kijken op de website, normaal kom ik NOOIT op het forum.... tot vandaag dus...

[Blue-eagle]

Hero Of Time schreef op donderdag 18 oktober 2012 @ 23:12:
[...]

Ik probeer de bovenkant vast te zetten met jouw code, maar m'n tracker verschuilt zich achter #top. Nu kan ik 'm niet meer verplaatsen, en mis ik het laatste nieuws. Enig idee?

Firefox of Chrome? Ik gebruik zelf Chrome, daar werken al die zaken prima in bij mij. Kan hem wel fixen voor Firefox als mensen daar interesse in hebben

Edit: copy/paste anders ook ff de laatste versie van mijn CSS, ik heb hem inmiddels een paar keer aangepast.

[ Voor 10% gewijzigd door Blue-eagle op 18-10-2012 23:17 ]

[Hero of Time]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 23:15:
[...]

Firefox of Chrome? Ik gebruik zelf Chrome, daar werken al die zaken prima in bij mij. Kan hem wel fixen voor Firefox als mensen daar interesse in hebben

Edit: copy/paste anders ook ff de laatste versie van mijn CSS, ik heb hem inmiddels een paar keer aangepast.

Betere: Opera.

[tweaker2010]

Femme schreef op donderdag 18 oktober 2012 @ 23:12:
[...]
De donkergrijze achtergrond hebben we weggehaald omdat een site met zo'n donkere achtergrond geen vriendelijke uitstraling heeft.

Grijs onvriendelijk? Hooguit zakelijk. Oogverblindend fel wit kan ik nu ook niet bepaald vriendelijk noemen

Voor die-hard gebruikers die met hun 27 inch beeldscherm fullscreen in het donker volle polle brightness op Tweakers komen surfen willen we een oplossing zoeken . Ik ben er voorstander van om dat te combineren met een oplossing om de tracker permanent te kunnen positioneren op beeldschermen smaller tussen 1280 en 1500 pixels breed.

Goed idee, hopelijk wordt dat snel aangepast.

[ChevyVan79]

@Blue-eagle Het lijkt mij niet zo slim om de zoekbalk compleet weg te halen. Tenzij je geen gebruik maakt van de pricewatch natuurlijk.

[mrc4nl]

oeps ik qoute een oud bericht nevermid them

[ Voor 90% gewijzigd door mrc4nl op 18-10-2012 23:22 ]

[Blue-eagle]

Hero Of Time schreef op donderdag 18 oktober 2012 @ 23:19:
[...]

Betere: Opera.

Ah Die gebruik ik thuis niet! Maar voeg dit even toe anders:

Cascading Stylesheet:

div.popup.trackerPopup {
    position: fixed;
    box-shadow: 0 0 10px #333;
}

Werkt bij mij in Chrome wel, maar hij bleef bovenaan staan en verborg zich niet. Hoop dat dit het oplost. Anders nog even z-index: 9999; toevoegen ofzo, als ie zich wel ergens achter verstopt

[Barrycade]

Maar waarom heeft de <insert project verantwoordelijke>

De standaard opmaak met mega 10pt afstand,

uit Word genomen

Waarom?

Irritant hè al die ruimte?

Zekers!


Iemand die snel last heeft van indringing van persoonlijke ruimte? .

[Ethelind]

als iemand nog iets weet te vinden dat de tracker met het beeld mee scrolt, ben ik helemaal te vreden:

[ShadowBumble]

Femme schreef op donderdag 18 oktober 2012 @ 23:12:

Er zit wel een kern van waarheid in. De overlast van een wit scherm wordt primair veroorzaakt doordat het beeldscherm teveel licht uitstraalt en dus te helder staat. Er zijn maar weinig mensen die verblind worden door een wit vel papier. De wat betere computers regelen de helderheid vanzelf bij.

Tuurlijk, maar is dat niet een verkeerd design standpunt ach dat kunnen we wel doen want de betere computers regelen dit zelf wel weer weg ? Das een aanname die je dan doet voor je volledige userbase ipv een functionele eis neer te leggen vanuit het bedrijf dit scenario mag niet voor komen. Overigens is het voordeel van een wite fel papier dat er geen backlight achter zit als jij een A3 wit papier in de felle zon neerlegd en er dan een uurtje naar kijkt heb je ook hoofdpijn

De donkergrijze achtergrond hebben we weggehaald omdat een site met zo'n donkere achtergrond geen vriendelijke uitstraling heeft. Voor die-hard gebruikers die met hun 27 inch beeldscherm fullscreen in het donker volle polle brightness op Tweakers komen surfen willen we een oplossing zoeken . Ik ben er voorstander van om dat te combineren met een oplossing om de tracker permanent te kunnen positioneren op beeldschermen smaller tussen 1280 en 1500 pixels breed.

Er zijn meerdere oplossingen mogelijk echter de huidige is daar er niet een van, je kan een prima heldere witte site hebben geen enkel probleem maar dan moet je wel je content opbouw goed hebben en niet 2 kraakheldere vlakken aan de zijkant laten als je die opvult met informatie zou het al heel anders staan. Ik zal je een voorbeeld geven van hoe de frontpage er nu uitziet op een 24" 1920x1080 scherm in de laatste chrome zonder poes pas.

Dit is als je een artikel leest :



en als je dan benieuwt bent naar de informatie uit de reacties eronder zie je dit :



Das gewoon een volledig wit scherm met wat text en een border.

[ Voor 4% gewijzigd door ShadowBumble op 18-10-2012 23:32 ]

[Hero of Time]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 23:22:
[...]

Ah Die gebruik ik thuis niet! Maar voeg dit even toe anders:

Cascading Stylesheet:

div.popup.trackerPopup {
    position: fixed;
    box-shadow: 0 0 10px #333;
}

Werkt bij mij in Chrome wel, maar hij bleef bovenaan staan en verborg zich niet. Hoop dat dit het oplost. Anders nog even z-index: 9999; toevoegen ofzo, als ie zich wel ergens achter verstopt

Helaasch, doet niet. Met dit heb ik wel wat, maar is niet ideaal denk ik zo. Dragonfly doet geloven dat 't helemaal tot bovenaan gaat.

Cascading Stylesheet:

.trackerPopup .popupContent { margin-top: 120px; }

[ChevyVan79]

@Ethelind
Iets met position: fixed.

[Madrox]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:24:
als iemand nog iets weet te vinden dat de tracker met het beeld mee scrolt, ben ik helemaal te vreden:
[afbeelding]

Yes, een meescrollende tracker
Dat moet toch kunnen anno 2012, we leven toch niet in het stenen tijdperk

[Matszs]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:24:
als iemand nog iets weet te vinden dat de tracker met het beeld mee scrolt, ben ik helemaal te vreden:
[afbeelding]

Hier heb ik hem mee-scrollend met:

code:

.trackerPopup.fixed {
        position: fixed !IMPORTANT;
        left: 100px !IMPORTANT;
        top: 250px !IMPORTANT;
    }

(evt top aanpassen naar juiste hoogte)

[ Voor 4% gewijzigd door Matszs op 18-10-2012 23:30 ]

[oehoe]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:24:
als iemand nog iets weet te vinden dat de tracker met het beeld mee scrolt, ben ik helemaal te vreden:
[afbeelding]

Imho legt de screendump zoals jij die daar post ook (veel) meer een prettige nadruk op het midden van het beeld, maw datgene wat je op dat moment tot je wilt nemen, met de mogelijkheid om dmv een (mee-scrollende) tracker naar andere content te springen.

I like.

[Zerfox]

Prachtig hoe de ruimte op mijn 1080p scherm benut wordt:

[Mektheb]

Daarom surf ik windowed en kijk op de andere helft iets anders , maar ja het had best allemaal wat " breeder gemogen "

[Blue-eagle]

Zerfox schreef op donderdag 18 oktober 2012 @ 23:34:
Prachtig hoe de ruimte op mijn 1080p scherm benut wordt:
[afbeelding]

Probeer het eens op 2560x1440

[jip_86]

Femme schreef op donderdag 18 oktober 2012 @ 23:12:
De achtergrond hebben we weggehaald omdat een site met zo'n donkere achtergrond geen vriendelijke uitstraling heeft. Voor die-hard gebruikers die met hun 27 inch beeldscherm fullscreen in het donker volle polle brightness op Tweakers komen surfen willen we een oplossing zoeken . Ik ben er voorstander van om dat te combineren met een oplossing om de tracker permanent te kunnen positioneren op beeldschermen smaller tussen 1280 en 1500 pixels breed.

Het kan toch ook wel lichter zijn? Met onderstaande css heb ik op de frontpage al een stuk meer 'houvast' met lezen. Het is nu alsof er een kantlijn mist waardoor de geneste reacties als een slingerend lint in het wit zwerven. Ik heb zelf niet zo veel last van het wit, maar die background creeërt wel een soort van rust waarnaar je steeds kan terugkeren bij het lezen van de reacties.

Cascading Stylesheet:

div#contentArea { 
    background-color: #FFF; 
    border: 20px solid #FFF; 
} 

#layout{min-width:1000px;background-color:#EDEEEE;}

Hetzelfde heb ik op GoT waar de reacties allemaal losse 'bordjes' zijn. Dat leest ook minder prettig. Het is een beetje een boek met losse alineas die je bij elkaar moet zoeken. Dat is al op te lossen door reacties tegen elkaar te zetten of ook weer een centrale kantlijn te maken op een lichtgrijze achtergrond (min of meer zelfde effect als met de css van de frontpage).

Ik heb dus zelf niet zo heel veel last van het wit an sich maar het ontbreekt een beetje aan structuur zo denk ik, daar is met wat kleine tweaks al best wel wat aan te doen denk ik

[Ethelind]

code:

.popup.trackerPopup.fixed
{
  margin-top: -20px;
  margin-left: 20px;
}
.trackerPopup.fixed {
        position: fixed !IMPORTANT;
        left: 30px !IMPORTANT;
        top: 160px !IMPORTANT;
}
html
{
  background: #444444;
}
div#contentArea
{
  padding-left: 20px;
  padding-right: 20px;
background-image: linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -o-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -moz-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -webkit-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);
background-image: -ms-linear-gradient(bottom, #E3E3E3 1%, #ABABAB 51%, #E0E0E0 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.01, #E3E3E3),
    color-stop(0.51, #ABABAB),
    color-stop(1, #E0E0E0)
);

}
#menubar
{
  width: 980px;
}
#searchbar
{
  margin: 34px auto 0 auto;
  width: 1020px;
}
.galleryHeadingContainer, .pageTabsContainer, .notificationsContainer
{
  margin: 0 auto;
  width: 1020px;
}
.pageTabsContainer
{
  border-bottom: 1px solid #C3C6C6;
}
#top
{
  border-bottom: 0;
}

Met dank aan:
Blue-eagle
Ethelind
Wie allemaal meer met ideeën kwam in deze thread.

[Hero of Time]

Hero Of Time schreef op donderdag 18 oktober 2012 @ 23:26:
[...]

Helaasch, doet niet. Met dit heb ik wel wat, maar is niet ideaal denk ik zo. Dragonfly doet geloven dat 't helemaal tot bovenaan gaat.

Cascading Stylesheet:

.trackerPopup .popupContent { margin-top: 120px; }

Ik heb de vaste top-bar maar weer uitgeschakeld, want als je post, komt de anchor onder de #top, en dat vind ik vreselijk irri. Dan maar op de HOME toets drukken om terug naar boven te gaan, hadden we voor T7 tenslotte ook .

[Madrox]

De tracker bar scrolled niet mee, met die nieuwe code ? *huh?

De bars links en rechts zijn nu ook weer gewoon bijna wit, en op mijn voorkeur pagina ishet nu ineens veels te grijs, precies zoals ik het NIET wil hebben

[ Voor 57% gewijzigd door Madrox op 18-10-2012 23:43 ]

[Ethelind]

Madrox schreef op donderdag 18 oktober 2012 @ 23:41:
De tracker bar scrolled niet mee, met die nieuwe code ? *huh?

idd, check first post, daar staat mijn CSS code in, samengesteld door 'iedereen in deze thread'
en daar scrolt hij wel mee

[Didyoumeetmax?]

Is er een manier met CSS om om zeep te helpen dat wordt vastgesteld wat je schermformaat is?
Ik wil die tracker bar, maar dat gaat momenteel niet, tenzij ik uitzoom =/

[Ethelind]

Didyoumeetmax? schreef op donderdag 18 oktober 2012 @ 23:43:
Is er een manier met CSS om om zeep te helpen dat wordt vastgesteld wat je schermformaat is?
Ik wil die tracker bar, maar dat gaat momenteel niet, tenzij ik uitzoom =/

pfff, hoe groot is je scherm dan? 10"?

er zijn manieren om de tracker als nog te showen alleen dat gaat niet 1,2,3.

[ Voor 10% gewijzigd door Ethelind op 18-10-2012 23:46 ]

[Madrox]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:42:
[...]


idd, check first post, daar staat mijn CSS code in, samengesteld door 'iedereen in deze thread'
en daar scrolt hij wel mee

Nog steeds niet, en ik gebruik al je code
Heb ook ff de zoom op 100% gezete, fixeer links en rechts gedaan; nada. Gebruik IE9.

Deze kleur bevalt mij errug goed als achtergrond; Heerlijk rustig en niet zo grijs en saai: #FAEBD4

[ Voor 12% gewijzigd door Madrox op 18-10-2012 23:50 ]

[ChevyVan79]

@Ethelind Je kunt de .popup.trackerPopup.fixed nog samenvoegen met .trackerPopup.fixed. Dat scheelt weer wat bitjes.

Onderaan de pagina is nog wel een witte streep zichtbaar. Daarvoor kun je dit toevoegen:

code:

#bottom .hr { display: none }

[ Voor 36% gewijzigd door ChevyVan79 op 18-10-2012 23:56 ]

[Arsenius]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:38:
Met dank aan:
Blue-eagle
Ethelind
Wie allemaal meer met ideeën kwam in deze thread.

Nice man, zo hoort Tweakers er uit te zien. Hopelijk zien de mensen die hierover gaan dat ook in.

[Ethelind]

Madrox schreef op donderdag 18 oktober 2012 @ 23:46:
[...]

Nog steeds niet, en ik gebruik al je code
Heb ook ff de zoom op 100% gezete, fixeer links en rechts gedaan; nada. Gebruik IE9.

Op het forum werkt het inderdaad niet, test is op de frontpage...

[ScytheNL]

tweaker2010 schreef op donderdag 18 oktober 2012 @ 20:50:
Zo ziet mijn FP er nu uit. Wel een stuk beter vind ik:
[afbeelding]

Oftewel je hebt Tweakers 7 weer zijn tweakers.net 6 jasje gegeven.....had ik custom CSS al? (rent naar de karma store)

[Phyxion]

Nog niet helemaal 100%, maar het is een begin:

[Femme]

ShadowBumble schreef op donderdag 18 oktober 2012 @ 23:26:
[...]

Tuurlijk, maar is dat niet een verkeerd design standpunt ach dat kunnen we wel doen want de betere computers regelen dit zelf wel weer weg ? Das een aanname die je dan doet voor je volledige userbase ipv een functionele eis neer te leggen vanuit het bedrijf dit scenario mag niet voor komen. Overigens is het voordeel van een wite fel papier dat er geen backlight achter zit als jij een A3 wit papier in de felle zon neerlegd en er dan een uurtje naar kijkt heb je ook hoofdpijn

Er is al gezegd dat we gaan kijken naar een oplossing om de lichtopbrengst van de site wat minder te maken bij gebruikers die de site fullscreen draaien op een enorm schermen dat te helder staat voor het omgevingslicht.

Ik vind echter wel dat ik de opmerking mag maken over dat je je beeldscherm niet te helder moet zetten. Ik zit hier nu achter twee 30 inch beeldschermen in een redelijk donkere ruimte met voor me Tweakers, Jira (onze bugtracker die ook overwegend wit is), iTunes en Thunderbird (ook heel erg wit). Toch raak ik niet verblind door mijn beeldscherm. Dat is gewoon te danken aan het instellen van de juiste helderheid.

Er zijn meerdere oplossingen mogelijk echter de huidige is daar er niet een van, je kan een prima heldere witte site hebben geen enkel probleem maar dan moet je wel je content opbouw goed hebben en niet 2 kraakheldere vlakken aan de zijkant laten als je die opvult met informatie zou het al heel anders staan. Ik zal je een voorbeeld geven van hoe de frontpage er nu uitziet op een 24" 1920x1080 scherm in de laatste chrome zonder poes pas.

Met welke informatie zouden we die witte vlakken dan moeten opvullen? Niemand schiet er iets mee op als we irrelevante informatie naast een artikel en de reacties zetten om ruimte op te vullen. We kunnen wel de letters vergroten zodat regels breder kunnen worden maar dan moet er meer gescrollt worden en dat willen onze gebruikers niet gezien de reacties van vandaag. Dan blijft over het gebruik van een andere achtergrondkleur achter de reacties of in een band naast de content. Op het forum doen we het door een grijze achtergrond achter het topic.

[Madrox]

Klopt, op de FP doet die het wel, hulde :-)
Heb nu twee kleur items gewijzigt in het "licht-bruinige" van mezelf ( #FAEBD4 ) wat het, al zeg ik het zelf, erg goed doet met het rood en antrciet grijs ;-)

Hierboven: wit bij de berichten vind ik juist minder erg, die mogen opvallen. De randen erom heen mogen juist donkerder. Nu ik erover denk, ik ben zwaar voor "color-schema's". Heb ik bij meer sites gezien en dat is echt een weeldige luxe.

Zo ziet het en nu uit.
http://tweakers.net/ext/f/HR6xm5EDvQtpapmAyu4zFuwL/full.jpg
Iemand een idee hoe ik dat grijs nog meer vervang ?

Hieronder: Die tracker zou ook een "home' button mogen hebben, gewoon klik, pats weer bovenaan!

[ Voor 59% gewijzigd door Madrox op 19-10-2012 00:03 ]

[Ethelind]

Femme schreef op donderdag 18 oktober 2012 @ 23:53:
[...]


Er is al gezegd dat we gaan kijken naar een oplossing om de lichtopbrengst van de site wat minder te maken bij gebruikers die de site fullscreen draaien op een enorm schermen dat te helder staat voor het omgevingslicht.

Ik vind echter wel dat ik de opmerking mag maken over dat je je beeldscherm niet te helder moet zetten. Ik zit hier nu achter twee 30 inch beeldschermen in een redelijk donkere ruimte met voor me Tweakers, Jira (onze bugtracker die ook overwegend wit is), iTunes en Thunderbird (ook heel erg wit). Toch raak ik niet verblind door mijn beeldscherm. Dat is gewoon te danken aan het instellen van de juiste helderheid.


[...]


Met welke informatie zouden we die witte vlakken dan moeten opvullen? Niemand schiet er iets mee op als we irrelevante informatie naast een artikel en de reacties zetten om ruimte op te vullen. We kunnen wel de letters vergroten zodat regels breder kunnen worden maar dan moet er meer gescrollt worden en dat willen onze gebruikers niet gezien de reacties van vandaag. Dan blijft over het gebruik van een andere achtergrondkleur achter de reacties of in een band naast de content. Op het forum doen we het door een grijze achtergrond achter het topic.

De tracker permanent in beeld terug brengen, niemand die zich er aan ergerd.
't is juist makkelijk als we verder kunnen zonder eerst naar de 'home' terug te moeten..

[Phyxion]

Femme schreef op donderdag 18 oktober 2012 @ 23:53:
[...]


Er is al gezegd dat we gaan kijken naar een oplossing om de lichtopbrengst van de site wat minder te maken bij gebruikers die de site fullscreen draaien op een enorm schermen dat te helder staat voor het omgevingslicht.

Ik vind echter wel dat ik de opmerking mag maken over dat je je beeldscherm niet te helder moet zetten. Ik zit hier nu achter twee 30 inch beeldschermen in een redelijk donkere ruimte met voor me Tweakers, Jira (onze bugtracker die ook overwegend wit is), iTunes en Thunderbird (ook heel erg wit). Toch raak ik niet verblind door mijn beeldscherm. Dat is gewoon te danken aan het instellen van de juiste helderheid.


[...]


Met welke informatie zouden we die witte vlakken dan moeten opvullen? Niemand schiet er iets mee op als we irrelevante informatie naast een artikel en de reacties zetten om ruimte op te vullen. We kunnen wel de letters vergroten zodat regels breder kunnen worden maar dan moet er meer gescrollt worden en dat willen onze gebruikers niet gezien de reacties van vandaag. Dan blijft over het gebruik van een andere achtergrondkleur achter de reacties of in een band naast de content. Op het forum doen we het door een grijze achtergrond achter het topic.

Opzich is helemaal wit ook nooit echt een probleem. Wat bij Tweakers volgens mij het probleem is is het kleine verschil in contrast tussen content en de gigantische witte vlakken er naast. Dit maakt het echt enorm onplezierig om te lezen.

offtopic:
De persoon die de "Verstuur" knop en "Toon voorbeeld" knop heeft omgedraaid

[170074]

Mag ik nog opmerken dat het wit-gehalte bijzonder opvalt door de overige rood en zwart vlakken? Het totaalplaatje is erg kil. Ik realiseerde me dat slashdot.org ook veel wit bevat, maar doordat de rest veelal groen/grijs is, lijkt dit toch een stuk rustiger voor de ogen.

[Ethelind]

Nu alleen nog hopen dat de lieve devvers ons snel de custom CSS op het forum laten gebruiken, zodat alles er netjes en mooi uit ziet

[Didyoumeetmax?]

Femme schreef op donderdag 18 oktober 2012 @ 23:53:
[...]

Ik vind echter wel dat ik de opmerking mag maken over dat je je beeldscherm niet te helder moet zetten. Ik zit hier nu achter twee 30 inch beeldschermen in een redelijk donkere ruimte met voor me Tweakers, Jira (onze bugtracker die ook overwegend wit is), iTunes en Thunderbird (ook heel erg wit). Toch raak ik niet verblind door mijn beeldscherm. Dat is gewoon te danken aan het instellen van de juiste helderheid.

Geweldig voor je. Dus omdat je het probleem ook in iTunes en Thunderbird tegen komt is het bij Tweakers.net ineens geen probleem meer.
Waarom krijg ik een boete als ik door rood rij? Mijn vrienden doen dat ook altijd ongestraft. Ja, zo zit de wereld in elkaar

[Didyoumeetmax?]

Ethelind schreef op donderdag 18 oktober 2012 @ 23:45:
[...]


pfff, hoe groot is je scherm dan? 10"?

er zijn manieren om de tracker als nog te showen alleen dat gaat niet 1,2,3.

15,4" 1280*800 pixels. Ja, oude laptop.
Er is ruimte zat voor een tracker bar, maar Tweakers.net vind dat dat niet kan bij dit schermformaat

[Blue-eagle]

Femme schreef op donderdag 18 oktober 2012 @ 23:53:
[...]
knip

De frontpage ziet er goed uit omdat er uitvulling is in het gehele vlak waar de content in staat. Afgebroken met de pricewatch en sponsor acties die op zich weer een grijze achtergrond hebben. De uitvulling laat het beeld kloppen.

Wat niet klopt, en storend is naar mijn mening, is dat dit absoluut niet terugkomt bij de posts zelf. Je hebt een post met vaak geringe tekst, daarnaast een advertentie, hieronder de "onderwerpen" tags, daaronder gerelateerde content, en that's it. Voor de rest van de pagina, inclusief vele reacties, blijft 30% van het contentgedeelte aan de rechterkant gewoon leeg en ongebruikt.

Voorbeeld uit mijn IE (waar ik geen custom styles heb): http://i.imgur.com/O5vcR.jpg

Dit is toch bizar? Die reacties horen er ten eerste veel beter gestyled uit te zien, en ten tweede mogen ze best in de breedte uitvullen. Let wel: de tekst van de reactie mag wat mij betreft vastgezet worden op een bepaalde breedte om het leesgemak te verhogen, maar de containers eromheen mogen in de breedte worden doorgetrokken. Dat maakt nesten tot op een paar diepere niveau's ook beter mogelijk.

[Hero of Time]

Phyxion schreef op donderdag 18 oktober 2012 @ 23:53:
Nog niet helemaal 100%, maar het is een begin:
[afbeelding]

Als je plaatjes hebt e.d. hoe je T.net hebt aangepast, gebruik dan het topic in SG: [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

Dan blijft dit topic 'schoon' (voor hoever dat gaat natuurlijk) voor feedback en discussie over het te veel wit en wordt de aandacht niet naar het showen van je tweaks getrokken.

[siepeltjuh]

Blue-eagle schreef op donderdag 18 oktober 2012 @ 18:22:
Hoe ik hem nu heb gestyled Weg met die irritante search bar, iets meer contrast en samenhang. Beetje quick 'n dirty gestyled, maar het werkt voor mij.

[afbeelding]

code:

#layout { background: #aaa; }
#contentArea { 
    background: #fff;
    border: 20px solid #fff;
    border-top: none;
    box-shadow: 0 0 10px #888;
    border-radius: 10px;
    position: relative;
    top: -40px;
 }

Thnx, dat is EXACT wat ik zocht!

[oehoe]

Phyxion schreef op donderdag 18 oktober 2012 @ 23:56:
[...]

Opzich is helemaal wit ook nooit echt een probleem. Wat bij Tweakers volgens mij het probleem is is het kleine verschil in contrast tussen content en de gigantische witte vlakken er naast. Dit maakt het echt enorm onplezierig om te lezen.

offtopic:
De persoon die de "Verstuur" knop en "Toon voorbeeld" knop heeft omgedraaid

De combinatie zwart-rood-wit is ook idd wel een met sterke contrasten, al besef ik me ook wel terdege dat we ons ook wel (deels) op het gebied van smaak begeven...

edit: sry, was een reactie op de post van ferdius - Donderdag 18 oktober 2012 23:58 -

[ Voor 6% gewijzigd door oehoe op 19-10-2012 00:07 . Reden: reactie op verkeerde post ]

[jip_86]

Didyoumeetmax? schreef op vrijdag 19 oktober 2012 @ 00:01:
[...]

Geweldig voor je. Dus omdat je het probleem ook in iTunes en Thunderbird tegen komt is het bij Tweakers.net ineens geen probleem meer.
Waarom krijg ik een boete als ik door rood rij? Mijn vrienden doen dat ook altijd ongestraft. Ja, zo zit de wereld in elkaar

Dan draai ik hem ook weer even om, omdat jij het een probleem vind is het voor iedereen een probleem?

Blue-eagle schreef op vrijdag 19 oktober 2012 @ 00:03:
[...]
Voorbeeld uit mijn IE (waar ik geen custom styles heb): http://i.imgur.com/O5vcR.jpg

Dit is toch bizar?

Dat voorbeeld is precies waar ik in mijn eerdere reactie op doelde. Het klopt niet zonder kantlijnen waar deze reactiestroom in zou moeten vallen.

[ Voor 27% gewijzigd door jip_86 op 19-10-2012 00:06 ]

[ShadowBumble]

Femme schreef op donderdag 18 oktober 2012 @ 23:53:
[...]

Ik vind echter wel dat ik de opmerking mag maken over dat je je beeldscherm niet te helder moet zetten. Ik zit hier nu achter twee 30 inch beeldschermen in een redelijk donkere ruimte met voor me Tweakers, Jira (onze bugtracker die ook overwegend wit is), iTunes en Thunderbird (ook heel erg wit). Toch raak ik niet verblind door mijn beeldscherm. Dat is gewoon te danken aan het instellen van de juiste helderheid.

Eigenlijk zit je dus alleen met de website voor je en misschien Jira, itunes en thunderbird staar je niet constant naar om iets aandachtig te lezen, Jira zal je bekijken om daarna je coding programma op te starten ( die zeer weerschijnlijk niet geheel wit is met zwarte text ) om het te verhelpen of te co-ordineren om te verhelpen.

Met welke informatie zouden we die witte vlakken dan moeten opvullen? Niemand schiet er iets mee op als we irrelevante informatie naast een artikel en de reacties zetten om ruimte op te vullen. We kunnen wel de letters vergroten zodat regels breder kunnen worden maar dan moet er meer gescrollt worden en dat willen onze gebruikers niet gezien de reacties van vandaag. Dan blijft over het gebruik van een andere achtergrondkleur achter de reacties of in een band naast de content. Op het forum doen we het door een grijze achtergrond achter het topic.

Je kan prima zoals hierboven in de custom css al aangegeven daar de tracker plaatsen, als je deze laat mee scrollen scheeld dat inderdaad al veel, links doen je dan de tracker wat je dus al 20% minder wit vlak opleverd.

Voor de reacties zou ik zeker gebruik gaan maken van grijze vlakken erachter, dat me een mee bewegende tracker voorkom je al veel "problemen", maar wees eens eerlijk even alle discussie punten a-side Femme vind jij nou werkelijk dat als je de reacties leest op de frontpage het niet too much ?

Ik ben hier niet om het jullie lastig te maken ik ben sinds 2001 al lid hier en heb hier daarvoor ook al rondgehangen heb vele wijzigingen gezien maar dit is echt de meest slechte tot nu toe. ( Persoonlijke mening) Er lijkt haast wel of er totaal niet over nagedacht is hoe de weergave zou moeten zijn, het lijkt bijna op een "rush job" en dat het meeste werk op de backend zit, en de onder liggende laag dan de presentatie laag.

Ik ben dan ook benieuwt wat eraan gedaan gaat worden en of dat inderdaad veranderingen gaat brengen, maar voor nu ga ik het laten rusten en lees ik dit morgen middag weer verder ik ga lekker richting mijn bed, Femme bedankt voor de discussie.

[ppl]

Didyoumeetmax? schreef op vrijdag 19 oktober 2012 @ 00:01:
[...]

Geweldig voor je. Dus omdat je het probleem ook in iTunes en Thunderbird tegen komt is het bij Tweakers.net ineens geen probleem meer.
Waarom krijg ik een boete als ik door rood rij? Mijn vrienden doen dat ook altijd ongestraft. Ja, zo zit de wereld in elkaar

Dat is niet de strekking van zijn verhaal. Heel veel mensen weten niet dat de helderheid van hun scherm eigenlijk continu aan het omgevingslicht aangepast moet worden en dat je in een goed verlichte ruimte moet zitten. Raar want die goed verlichte ruimte is onderdeel van het ARBO verhaal. Als je in een slecht verlichte ruimte zit met je scherm op standje zonnebril dan vraag je om oog-problemen. Zet de helderheid op een normaal niveau dan heb je daar geen last van en zien de kleuren er ook beter uit. Zorg daarnaast ook voor adequate verlichting en je zult zien dat het probleem met witte achtergronden aanzienlijk minder is.

Vergeet niet dat al het papierwerk wat door je vingers kwam en komt voornamelijk zwart op wit is! Mensen die veel stukken moeten doorlezen klagen nooit over te wit papier. Niet zo raar want lezen doen ze in een goed verlichte omgeving omdat ze anders de letters e.d. niet goed kunnen lezen.

Betekent niet dat er nooit sprake is van "teveel wit". Het kan een probleem vormen voor velen. Men moet dus wel spaarzaam zijn met de hoeveelheid wit. Het stomme aan dit hele verhaal vind ik het feit dat bij de vorige versie van tweakers.net dit ook al klacht nummer 1 was. Er is dus totaal niets van geleerd! De oplossing destijds was het wit iets minder blauw en meer geel te maken. Daardoor werd het zachter voor de ogen. Werkte prima.

[Ethelind]

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 00:03:
[...]

Als je plaatjes hebt e.d. hoe je T.net hebt aangepast, gebruik dan het topic in SG: [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

Dan blijft dit topic 'schoon' (voor hoever dat gaat natuurlijk) voor feedback en discussie over het te veel wit en wordt de aandacht niet naar het showen van je tweaks getrokken.

Als ik daar kon posten deed ik het...
maar nee dat kan ik niet

[Hero of Time]

Ethelind schreef op vrijdag 19 oktober 2012 @ 00:08:
[...]


Als ik daar kon posten deed ik het...
maar nee dat kan ik niet

Ah. Dat kan gebeuren. Ik weet niet beter dan dat ik er kan posten. Bijna half jaar mod, daarvoor al paar jaar toegang tot verschillende GC forums, dan ga je vergeten dat je er speciale toegang voor nodig hebt .

[Ethelind]

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 00:13:
[...]

Ah. Dat kan gebeuren. Ik weet niet beter dan dat ik er kan posten. Bijna half jaar mod, daarvoor al paar jaar toegang tot verschillende GC forums, dan ga je vergeten dat je er speciale toegang voor nodig hebt .

Je moet minimaal 50 posts hebben en 30 dagen lid zijn, dit is mijn 52e post, kan er nog niet bij

Je hebt geen toegang tot dit forum

Je hebt geen toegang tot Stuffis Generalis (SG). Toegang tot Stuffis Generalis krijg je automatisch wanneer je langer dan 30 dagen geregistreerd bent en meer dan 50 posts hebt gemaakt op het forum.

(interne identificatie: forum::get_forumdata::forum_not_allowed)

[ Voor 27% gewijzigd door Ethelind op 19-10-2012 00:15 ]

[oehoe]

ShadowBumble schreef op vrijdag 19 oktober 2012 @ 00:06:
[...] knipje

Ik ben hier niet om het jullie lastig te maken ik ben sinds 2001 al lid hier en heb hier daarvoor ook al rondgehangen heb vele wijzigingen gezien maar dit is echt de meest slechte tot nu toe. ( Persoonlijke mening) Er lijkt haast wel of er totaal niet over nagedacht is hoe de weergave zou moeten zijn, het lijkt bijna op een "rush job" en dat het meeste werk op de backend zit, en de onder liggende laag dan de presentatie laag.

Ik ben dan ook benieuwt wat eraan gedaan gaat worden en of dat inderdaad veranderingen gaat brengen, maar voor nu ga ik het laten rusten en lees ik dit morgen middag weer verder ik ga lekker richting mijn bed, Femme bedankt voor de discussie.

Ik kan me niet voorstellen dat er niet totaal niet over nagedacht is, kom op daarvoor zijn ze een onwijze tijd bezig geweest, ik denk eerder dat er op een bepaald moment een keuze gemaakt (ik denk even aan de code-freeze waar in het FP artikel aan werd gerefereerd) is waarop verder gewerkt is. Met de huidige discussie als gevolg.

[Ethelind]

oehoe schreef op vrijdag 19 oktober 2012 @ 00:15:
[...]

Ik kan me niet voorstellen dat er niet totaal niet over nagedacht is, kom op daarvoor zijn ze een onwijze tijd bezig geweest, ik denk eerder dat er op een bepaald moment een keuze gemaakt (ik denk even aan de code-freeze waar in het FP artikel aan werd gerefereerd) is waarop verder gewerkt is. Met de huidige discussie als gevolg.

Inderdaad, dat denk ik ook.
Een website kan je niet bouwen zonder feedback, aangezien je feedback nodig hebt om tot het eindresultaat te komen.
Wat wel slimmer zou zijn geweest is, de website in 'beta' te laten lopen met een keuze om het 'oude' layout te behouden voor een bepaalde tijd.

[Didyoumeetmax?]

ppl schreef op vrijdag 19 oktober 2012 @ 00:08:
[...]

Dat is niet de strekking van zijn verhaal. Heel veel mensen weten niet dat de helderheid van hun scherm eigenlijk continu aan het omgevingslicht aangepast moet worden en dat je in een goed verlichte ruimte moet zitten. Raar want die goed verlichte ruimte is onderdeel van het ARBO verhaal. Als je in een slecht verlichte ruimte zit met je scherm op standje zonnebril dan vraag je om oog-problemen. Zet de helderheid op een normaal niveau dan heb je daar geen last van en zien de kleuren er ook beter uit. Zorg daarnaast ook voor adequate verlichting en je zult zien dat het probleem met witte achtergronden aanzienlijk minder is.

Vergeet niet dat al het papierwerk wat door je vingers kwam en komt voornamelijk zwart op wit is! Mensen die veel stukken moeten doorlezen klagen nooit over te wit papier. Niet zo raar want lezen doen ze in een goed verlichte omgeving omdat ze anders de letters e.d. niet goed kunnen lezen.

Betekent niet dat er nooit sprake is van "teveel wit". Het kan een probleem vormen voor velen. Men moet dus wel spaarzaam zijn met de hoeveelheid wit. Het stomme aan dit hele verhaal vind ik het feit dat bij de vorige versie van tweakers.net dit ook al klacht nummer 1 was. Er is dus totaal niets van geleerd! De oplossing destijds was het wit iets minder blauw en meer geel te maken. Daardoor werd het zachter voor de ogen. Werkte prima.

Dus de strekking van het verhaal is: screw you, als je last hebt van een fel verlicht scherm dan doe je maar een lamp aan. Ja, zo hou je je bezoekers zeker vast

[Didyoumeetmax?]

jip_86 schreef op vrijdag 19 oktober 2012 @ 00:04:
[...]

Dan draai ik hem ook weer even om, omdat jij het een probleem vind is het voor iedereen een probleem?

Waarom draai je hem om?
Ik lees hier 1000 en 1 reacties van mensen die het te wit vinden.

[Hero of Time]

Didyoumeetmax? schreef op vrijdag 19 oktober 2012 @ 00:18:
[...]

Dus de strekking van het verhaal is: screw you, als je last hebt van een fel verlicht scherm dan doe je maar een lamp aan. Ja, zo hou je je bezoekers zeker vast

Nee, het is juist dat je je scherm moet dimmen. Waarom denk je dat je mobiel niet op full brightness staat als 't donker is? En als 't licht is, wordt 't helderder. Dat is met een reden: precies deze.

[ShadowBumble]

oehoe schreef op vrijdag 19 oktober 2012 @ 00:15:
[...]

Ik kan me niet voorstellen dat er niet totaal niet over nagedacht is, kom op daarvoor zijn ze een onwijze tijd bezig geweest, ik denk eerder dat er op een bepaald moment een keuze gemaakt (ik denk even aan de code-freeze waar in het FP artikel aan werd gerefereerd) is waarop verder gewerkt is. Met de huidige discussie als gevolg.

Voor jouw beeld vorming de hoeveelheid wit was feedback 1 tijdens de allereerste BETA phase ( alhoewel dat is wat 1 van de BETA testers suggereerde ) dus dit was ver voor de code freeze, tuurlijk ben ik op de hoogte of althans kan ik wel aannemen dat er over is nagedacht vandaar ook mijn gebruik van "het lijkt haast wel".

Om eerlijk te zijn op de tablet is het wit minder erg

[Ethelind]

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 00:20:
[...]

Nee, het is juist dat je je scherm moet dimmen. Waarom denk je dat je mobiel niet op full brightness staat als 't donker is? En als 't licht is, wordt 't helderder. Dat is met een reden: precies deze.

Niet iedereen heeft een monitor van €600,-
En nee je gaat ook niet elke avond ff alles opnieuw instellen...
Maar de reden waarom ik het erg irriterend vind, is dat ik mijn scherm altijd op de laagste brightness heb staan.
En als ik een migraine aanval heb nog wel lekker achter de pc wil kunnen zitten om tweakers.net te lezen...
Maar met een volledig wit scherm en een plaatje kan dit niet.

*heb atm geen migraine aanval dus kan het nu gewoon doorgeven, er zijn meer mensen als ik*