Tweakblogs: een nieuw likje verf

Door matroosoft op vrijdag 22 april 2016 14:12 - Reacties (15)
Categorie: -, Views: 5.704

Dag kijkbuistweakertjes. Na de vorige blog met een voorstelronde en een verhaaltje over McDonalds fritessaus is het tijd voor serieuzere zaken. Den hedendaagse tweakert zal het namelijk vast al eens zijn opgevallen dat Tweakblogs in het geheel niet lijkt op zijn grote broer, Tweakers.net. Nu verwacht u misschien een klaagverhaal in het kwadraat, maar dat gaat u niet van mij krijgen. Het spreekwoord luidt immers "bent u tevreden, zegt het voort; heeft u klachten, zegt het ons!"

Dat is dan ook precies wat ik, en een paar van u, hebben gedaan in dit topic. Dat is niet het enige topic waarin gevraagd wordt om een nieuw likje verf voor Tweakblogs, maar wel eentje waarin gereageerd werd door de devvers en mods. Welnu, als dit topic het gewenste effect had gehad, had meneer matroosoft er uiteraard geen blog over geschreven. Daarom zal ik kort samenvatten wat de huidige status is.

In het topic werd op 16 maart 2015 gereageerd door onze weledele CosmoKramer:
Het achterstallig onderhoud aan de Tweakblogs is ons ook een doorn in het oog, maar de eerlijkheid gebiedt ook te zeggen dat we daar komend jaar geen aandacht aan gaan besteden, omdat onze roadmap al veel te vol zit met andere onderdelen waar simpelweg nog meer vraag naar is.
Kortom; het staat echt wel op onze wishlist, maar verwacht op korte termijn geen wonderen ajb.

Ps. Overigens is het ook allemaal zeer oude code, wat ervoor zorgt dat het heel veel tijd kost dit op een fatsoenlijke manier opnieuw op te bouwen binnen de nieuwe Tweakers omgeving. Geen klein projectje dus.
Na een jaartje besloot ik daarom maar te vragen hoe de zaken er voor stonden, waarop de volgende reactie volgde:
We hebben binnenkort een meeting met de Admins om de planning te bespreken. Voor nu alvast dit: Tweakblogs is in verschillende ingediende roadmap projecten naar voren gekomen (o.a. betere integratie op de frontpage en verbeterde connectie met het forum), wat laat zien dat we het zeker niet 'vergeten' zijn en er graag mee aan de slag willen. Voor het komende half jaar van dit jaar worden gaan die projecten echter niet verder uitgewerkt worden, omdat er simpelweg andere projecten zijn waar meer spoed op zit (o.a. overgang naar https, php7, benchdb afbouwen, tweakers awards herbouwen (ACM weigert om nog langer met die code te werken) en nog een paar andere projecten waarvan het MT heeft besloten dat die meer prio hebben). Had je graag beter nieuws gegeven, maar we hebben nu eenmaal beperkte capaciteit en bekijken per half jaar waar het meest winst is te behalen en/of wat het hardst nodig is.
Voorlopig blijft Tweakblogs dus nog even die ongeslepen diamant.
Welnu, als het dev-team er geen tijd voor heeft (waar ik wel begrip voor heb), dan moeten we zelf maar aan de slag. :) Enige tijd geleden presenteerde onze Deathgrunt zijn Tweakblogs 2.0 concept. Een prachtige nieuw jasje voor de site, doch.. je kunt er niet mee inloggen en reageren. Tweaker Johan9711 was dat ook een doorn in het oog, waarop hij aan de slag ging met custom CSS en deze publiceerde in een tweakblog. De code van Johan was echter niet erg uitgebreid en dat is precies de reden waarom ik deze blog voor u schrijf.

Ik heb namelijk, speciaal voor u als enthousiaste tweakerts, wat extra code uitgespuugd. 450 regels, om precies te zijn. Nu zegt dat misschien niet zoveel als je bedenkt dat deze meneer nog niet zo heel handig is met CSS, maar het is aan u het resultaat te beoordelen. Bij deze, Tweakblogs 28.0. :)

Tweakblogs (oud vs nieuw)
http://static.tweakers.net/ext/f/rT6OoLH65v78cQ2OepQv2PTj/thumb.pnghttp://static.tweakers.net/ext/f/6zy8K7V6rLh43U4Twk60GAEr/thumb.pnghttp://static.tweakers.net/ext/f/eUwkG9Ijwhjvn9kPVy4CycKC/thumb.pnghttp://static.tweakers.net/ext/f/MVtjPsmIILbMacWMacSP28x4/thumb.png
http://static.tweakers.net/ext/f/MgjfrpcZiBgSDKu1v5mQ4aFC/thumb.pnghttp://static.tweakers.net/ext/f/lk8JA9Xc5nRNwgpANSp9iP4x/thumb.png
http://static.tweakers.net/ext/f/fQwWZt0nttgmpzQCVdOv6Jn9/thumb.png
http://static.tweakers.net/ext/f/5C8J30qdrl3uSe3GCyFQD3hv/thumb.png

http://static.tweakers.net/ext/f/yj1YBzpKFBHJfR5XDKnouw6g/thumb.png
http://static.tweakers.net/ext/f/99Enu0eJXIaUEqbpmUJvhebQ/thumb.png



Features
Wat zit er zoal in:
- Header/content/footer zoveel mogelijk dezelfde breedtes/hoogtes en kleuren;
- Tweakers logo en slogan toegevoegd;
- navmenu items zoveel mogelijk geplaatst zoals op Tweakers.net;
- navmenu items hover kleurtje toegevoegd;
- vormgeving reacties/reactieformulier gelijk getrokken;
- blog/sidebar breedte aangepast;
- volgorde sidebar items aangepast;
- vormgeving sidebar items gelijkgetrokken met sidebars op Tweakers.net;
- icoontjes vorig/volgende post aangepast;
- Tweakblogs titel aangepast/ondertitel toevoegd;
- indeling footer aangepast;
- reactie plaatsen button gewijzigd;
- reactie edit icoontje naar rechts verplaatst. (Hier waren vaak problemen mee, mensen die het quote icoontje aanzagen voor een edit icoontje. Nu staan ze naast elkaar.)

En verder:
- Heel veel onnodige items verwijderd;
- borders, margin en paddings gelijk getrokken;
- overbodige border/margins/paddings verwijderd;
- letterkleur/type gelijk getrokken;
- kleur linkjes aangepast;
- background kleur aangepast;
- content background en border aangepast;
- en nog veel meer. :)

Bekende bugs
- Op de Tweakblogs homepage heeft het inloggedeelte voor niet ingelogde gebruikers een andere achtergrondkleur;
- foutmeldingen bij reacties hebben geen border-left;
- Alinea's in reacties worden samengevoegd.


Let op
Soms heb ik wat moeten aanknutselen om dingen voor elkaar te krijgen. Een voorbeeld is de opmaak van de content. De container waarin deze valt beslaat de hele pagina, dus ik heb ieder afzonderlijk deel van de content de juiste background en borders mee moeten geven. Daardoor is de code hier en daar wat rommelig en uitgebreid. Toch heb ik geprobeerd de code zo goed mogelijk werkend te krijgen.

Ook heb ik rijkelijk gebruik moeten maken van !important om de standaard stylesheets te overbruggen. Niet zo mooi, maar 't is niet anders. ;) Verder moet ik hier en daar nog wat commentaar toe voegen om de boel wat overzichtelijker te maken.

Kom je een bugje tegen, kan je het altijd even melden in de reacties hieronder. Ik heb niet veel tijd voor verdere ontwikkeling, maar mocht ik weer een grote update of een hoeveelheid bugfixes hebben dan post ik die in een nieuwe blog.

Hoe kan ik die code gebruiken?
Je kunt deze extensie installeren in Chrome. Vervolgens ga je naar Tweakblogs, klik je op het icoontje van de extensie en klik je op "Stijl schrijven voor:tweakblogs.net/deze URL". Vervolgens plak je onderstaande code in het invoerveld, voer je links een naampje in en druk je op "opslaan". That's it. :)

Vanwege een beperking in het aantal karakters van een blog heb ik de code gepubliceerd in een tweede blog. Deze is hier te vinden.

Update: Overigens blijkt uit de reacties dat remyblok iets vergelijkbaars heeft gedaan, alleen dan met JavaScript. Het ziet er goed uit en is dan ook het vermelden waard. Hier is zijn blog te vinden.

Volgende: Poll en bonus poll 05-'16 Poll en bonus poll
Volgende: Tweakblogs: een nieuw likje verf (code) 04-'16 Tweakblogs: een nieuw likje verf (code)

Reacties


Door Tweakers user xleeuwx, vrijdag 22 april 2016 14:27

Het grootste probleem bij de tweakblogs is denk niet het design, hier laat je een of andere mafkees een dag op los en het ziet er stukken beter uit als dat het anno nu er uit ziet.

Zoals ik tussen de regels doorlees is het grootste probleem dat de backend waar tweakblogs op draait verouderd is en een drama om aanpassingen in te doen:
We hebben binnenkort een meeting met de Admins om de planning te bespreken. Voor nu alvast dit: Tweakblogs is in verschillende ingediende roadmap projecten naar voren gekomen (o.a. betere integratie op de frontpage en verbeterde connectie met het forum), wat laat zien dat we het zeker niet 'vergeten' zijn en er graag mee aan de slag willen. Voor het komende half jaar van dit jaar worden gaan die projecten echter niet verder uitgewerkt worden, omdat er simpelweg andere projecten zijn waar meer spoed op zit (o.a. overgang naar https, php7, benchdb afbouwen, tweakers awards herbouwen (ACM weigert om nog langer met die code te werken) en nog een paar andere projecten waarvan het MT heeft besloten dat die meer prio hebben). Had je graag beter nieuws gegeven, maar we hebben nu eenmaal beperkte capaciteit en bekijken per half jaar waar het meest winst is te behalen en/of wat het hardst nodig is.
Voorlopig blijft Tweakblogs dus nog even die ongeslepen diamant.
Helaas geeft tweakers ook niet de mogelijkheid om de communitie op dit onderdeel los te laten. En je kan natuurlijk zeggen dat de code dan bekeken moet worden enz enz, echter kost dit nog altijd stuk minder tijd dan dat ze het zelf moeten bouwen en onderhouden.

Door Tweakers user matroosoft, vrijdag 22 april 2016 14:58

xleeuwx schreef op vrijdag 22 april 2016 @ 14:27:
Het grootste probleem bij de tweakblogs is denk niet het design, hier laat je een of andere mafkees een dag op los en het ziet er stukken beter uit als dat het anno nu er uit ziet.

Zoals ik tussen de regels doorlees is het grootste probleem dat de backend waar tweakblogs op draait verouderd is en een drama om aanpassingen in te doen:

[...]


Helaas geeft tweakers ook niet de mogelijkheid om de communitie op dit onderdeel los te laten. En je kan natuurlijk zeggen dat de code dan bekeken moet worden enz enz, echter kost dit nog altijd stuk minder tijd dan dat ze het zelf moeten bouwen en onderhouden.
Ze hebben inderdaad meerdere keren aangegeven dat de code van Tweakblogs sterk verouderd is en dat het een groot project is om opnieuw te schrijven. Zeker met zo'n klein dev-team als Tweakers. Overigens is een van de grote obstakels voordat hieraan begonnen kan worden, weggewerkt (namelijk het herschrijven van benchdb).

Ergens in de toekomst zal het vast een keer aan de beurt komen, maar dat kan nog lang duren. Vandaar dat ik deze custom CSS heb geschreven, dan heb je tot die tijd een omgeving die aardig dicht in de buurt komt van Tweakers zelf.

Wat betreft community bijdrage, ergens kan ik het standpunt van Tweakers daarover wel begrijpen. Als de code door de community wordt bijgedragen moeten zij eigenlijk meer inzicht krijgen in bestaande code om de boel goed op elkaar aan te laten sluiten, zeker omdat Tweakers op termijn plannen heeft om Tweakblogs verder te integreren in tweakers.net. Daarnaast is de aangeleverde code dan niet meer gesloten. Verder is het organiseren van zoiets ook geen peuleschil. Met de tijd die daarin gaat zitten, ben je bij wijze al op de helft van het herschrijven van de code.

Het idee is wel leuk, maar het lijkt me dat de community beter kan helpen bij het brainstormen wat er zoal moet gebeuren en toegevoegd/verwijdert moet worden. Te zijner tijd zullen ze daarvoor vast een topic openen, net zoals ze dat gedaan hebben voor onder andere de V&A.

[Reactie gewijzigd op vrijdag 22 april 2016 14:59]


Door Tweakers user i-chat, vrijdag 22 april 2016 15:16

xleeuwx schreef op vrijdag 22 april 2016 @ 14:27:
Het grootste probleem bij de tweakblogs is denk niet het design, hier laat je een of andere mafkees een dag op los en het ziet er stukken beter uit als dat het anno nu er uit ziet.

Zoals ik tussen de regels doorlees is het grootste probleem dat de backend waar tweakblogs op draait verouderd is en een drama om aanpassingen in te doen:

[...]


Helaas geeft tweakers ook niet de mogelijkheid om de communitie op dit onderdeel los te laten. En je kan natuurlijk zeggen dat de code dan bekeken moet worden enz enz, echter kost dit nog altijd stuk minder tijd dan dat ze het zelf moeten bouwen en onderhouden.
+1, als tweakers.net zelf geen tijd heeft, waarom dan niet een .plan met de vraag of iemand het voor ze doet, prima eindstage voor iemand met een mbo4 opleiding bijv... of gewoon iemand die er zelf meer ervaring mee wil op doen, GSOC-style bijv.

Door Tweakers user remyblok, vrijdag 22 april 2016 16:12

Leuk om dit soort projectjes te blijven zien! Heb dit vorig jaar zelf ook gedaan dmv een greacemonkey script: Remy's Blog: Tweaklog integratie met Tweakers via Greasemonkey
Dit script gebruik ik nu om jouw blog te lezen :P

[Reactie gewijzigd op vrijdag 22 april 2016 16:13]


Door Tweakers user matroosoft, vrijdag 22 april 2016 16:17

remyblok schreef op vrijdag 22 april 2016 @ 16:12:
Leuk om dit soort projectjes te blijven zien! Heb dit vorig jaar zelf ook gedaan dmv een greacemonkey script: Remy's Blog: Tweaklog integratie met Tweakers via Greasemonkey
Dit script gebruik ik nu om jouw blog te lezen :P
Hee, die had ik gemist! Leuk om te zien dat je er zo ver mee bent gekomen. JS is voor mij voorlopig nog een stapje te ver. ;) Heb je de search-functie trouwens nog toegevoegd?

Door Tweakers user remyblok, vrijdag 22 april 2016 16:23

matroosoft schreef op vrijdag 22 april 2016 @ 16:17:
Heb je de search-functie trouwens nog toegevoegd?
Nee niet meer gedaan. Maar het weekend staat voor de deur... Dus wie weet O-)

Door Tweakers user matroosoft, vrijdag 22 april 2016 16:31

remyblok schreef op vrijdag 22 april 2016 @ 16:23:
[...]

Nee niet meer gedaan. Maar het weekend staat voor de deur... Dus wie weet O-)
https://cdn.meme.am/instances/34268146.jpg :P

Door Tweakers user Luca, vrijdag 22 april 2016 20:53

Held! Dit ziet er zoveel beter uit. :)

Had het zelf een tijd geleden ook nog willen doen, maar ben het helemaal vergeten. Misschien de homepage zelf ff een remake geven.

Door Tweakers user matroosoft, vrijdag 22 april 2016 23:22

Danny.G schreef op vrijdag 22 april 2016 @ 20:53:
Held! Dit ziet er zoveel beter uit. :)

Had het zelf een tijd geleden ook nog willen doen, maar ben het helemaal vergeten. Misschien de homepage zelf ff een remake geven.
Dank je. :)

Door Tweakers user rickboy333, zaterdag 23 april 2016 19:46

Toen ik laats op Tweakers HQ was hebben ze me gezegd dat er niet an mogen werken van De Persgroep. Waarom en hoe weet ik ook niet maar ze mochten er niet aan werken dus waren ze van plan om ooit de Tweak blog open source te maken. Maar tja hoe dat verder zit, daarvoor zou je Zeef een keer moeten aanspreken.

Door Tweakers user matroosoft, zaterdag 23 april 2016 23:56

rickboy333 schreef op zaterdag 23 april 2016 @ 19:46:
Toen ik laats op Tweakers HQ was hebben ze me gezegd dat er niet an mogen werken van De Persgroep. Waarom en hoe weet ik ook niet maar ze mochten er niet aan werken dus waren ze van plan om ooit de Tweak blog open source te maken. Maar tja hoe dat verder zit, daarvoor zou je Zeef een keer moeten aanspreken.
In de reacties in de bewuste topics is hier vreemd genoeg niks over gezegd. Maar als het echt zo is wel begrijpelijk dat ze er niks over zeggen. Hoewel ze zich tot nu toe steeds hebben uitgesproken tegen open source maken.. Nou ja, we zien t wel. Ik hoop hoop er maar het beste van.

Door Tweakers user elleP, maandag 25 april 2016 10:38

Tnx, dit leest een stuk lekkerder

Door Tweakers user Johan9711, donderdag 28 april 2016 09:06

Net als bij de FP:

#tweakblogsNav{
position: fixed;
}

Door Tweakers user matroosoft, donderdag 28 april 2016 10:00

Johan9711 schreef op donderdag 28 april 2016 @ 09:06:
Net als bij de FP:

#tweakblogsNav{
position: fixed;
}
Ik gebruik position: relative omdat ik ook margin: auto gebruik. Daardoor wordt de nav altijd netjes in de midden uitgelijnd.

Door Tweakers user zeef, maandag 9 mei 2016 12:06

rickboy333 schreef op zaterdag 23 april 2016 @ 19:46:
Toen ik laats op Tweakers HQ was hebben ze me gezegd dat er niet an mogen werken van De Persgroep. Waarom en hoe weet ik ook niet maar ze mochten er niet aan werken dus waren ze van plan om ooit de Tweak blog open source te maken. Maar tja hoe dat verder zit, daarvoor zou je Zeef een keer moeten aanspreken.
Dit is -met alle respect- grote onzin. De Persgroep bemoeit zich niet met onze development agenda. Wij maken als Tweakers zelfstandig een keuze in wat we oppakken en wat niet. Het MT, waar ik deel van uitmaak, beslist uiteindelijk.

Tweakblogs hebben een enorme legacy. Dat weten we. De vraag is of we de inhaalslag kunnen maken met Wordpress en andere vormen van blogs die er nu zijn. We onderzoeken wat de opties zijn en wat het kost om te laten maken. Daarna nemen we als MT een besluit over hoe nu verder.

Om te kunnen reageren moet je ingelogd zijn. Via deze link kun je inloggen als je al geregistreerd bent. Indien je nog geen account hebt kun je er hier één aanmaken.