Tijd voor een nieuwe layout!

Zo, daar zijn we dan eindelijk met de lang beloofde nieuwe layout van deze blog. Het had nog enige voeten in de aarde, maar het is gelukt. Arjan Snaterse en Roy Huiskes hebben een mooi stukje werk geleverd.

In de basis is de opzet grotendeels hetzelfde, maar de layout heeft een flinke lik verf gehad. Belangrijkste vernieuwing zit in het reactieblokje rechts: in plaats van enkel de vijf laatste reacties zie je nu reacties gegroepeerd per blog. Zo kan één verhitte discussie een vraag in een andere blog niet wegduwen.

De comments zijn wat strakker neergezet, en er is nu de mogelijkheid om genest te reageren. Er wordt nog gewerkt aan een optie om reacties van anderen te kunnen plussen (maar niet minnen) om zo de extra waardevolle items eruit te halen.

Verder staan er bannertjes en een reclametekst tussen, want de kachel moet ook blijven branden natuurlijk.

Als detail wordt nu bij elke blog een AE-nummer gepubliceerd. Dat is bedoeld als offline referentienummer. Je kunt in de zoekmachine dat nummer (met AE ervoor) invoeren en dan krijg je direct die blog. Handig voor wie een blog wil citeren in een artikel in een tijdschrift, bijvoorbeeld.

Ik ben heel benieuwd wat jullie ervan vinden!

Arnoud

88 reacties

  1. Mooie nieuw design en handige nieuwe functies. Alleen jammer van de foutmelding onder reatcies:

    Warning: DOMDocument::saveHTML() expects exactly 0 parameters, 1 given in /home/resseler01/domains/blog.iusmentis.com/public_html/wp-content/themes/iusmentis/functions.php on line 95

  2. Mooie layout. Duidelijk. Niet te veel wit (zoals bij Tweakers). Ik las je opmerking over trouwens over de reclamebanners. Ik zet voor sites waarvan ik vind dat ze voort moeten bestaan de ad-blocker uit; voor jouw blog had ik hem per ongeluk nog uitstaan. Dat is nu gecorrigeerd.

  3. Als ik m’n reactie wil bewerken krijg ik de volgende mededeling: “MISLUKT: vul de verplichte velden in (naam, e-mail).”. Ik kan dat alleen nergens invullen.

    Maar ik wilde dit dus toevoegen: @Alex de Haan hierboven: Op hetzelfde moment hetzelfde idee over Tweakers. Toevallig. Ik heb al wel door hoe ik rechts weer m’n favorieten in beeld moet krijgen. Maar links blijft wit. Zo jammer op een breedbeeld monitor.

  4. Erg mooi! Complimenten…

    Wat ik wel wennen vind is dat de pagina over de hele breedte van mijn scherm wordt weergegeven. Misschien is het mogelijk om een maximale breedte aan te geven van het content-deel.

    Maar mooie stap voor een zeer gewaardeerd blog!

  5. Gelukkig een mindere big bang dan Tweakers inderdaad πŸ˜‰ Kleine wellicht persoonlijke smaak: die links in het menu verwijzen naar een totaal (als in layout) andere pagina (is dus geen onderdeel van je blog). Zouden die niet beter in een nieuw tab-blad geopend kunnen worden? Je bent namelijk ook gelijk van je blog af als je er op clickt, dus tenzij je dat graag wilt… πŸ˜‰

  6. Als kijker van Home Improvement heb ik zo iets van “Don’t fix what isn’t broken”. De grijze tekst vind ik moeilijk te lezen en dat geld dubbel wanneer deze op een grijze achtergrond wordt getoond. Uit onderzoek blijkt dat zwart op wit het makkelijkste te lezen is. De contract tussen de tekst van de publiceer en de achtergrond behoeft ook verbetering.

  7. Ik vind het een hele verbetering, op sommige plekken mag de tekst inderdaad wat donkerder (wat Alex ook zegt).

    De laatste reacties geven volgens mij niet daadwerkelijk de laatste reacties weer. Op dit moment staat als laatste reactie nog de reactie van Jasper terwijl er al wel veel meer reacties zijn geplaatst.

    Ook snap ik de logica niet helemaal van de reacties die getoond worden als je hoverd(?) op het onderwerp in de laatste reacties. Ik zou verwachten dat de laatste 3 dan getoond worden?

    Tot slot, is de lijnhoogte in het reactie veld wat te groot (naar mijn smaak) en had ik gehoopt op een betere versie van <blockquote> bijvoorbeeld gewoon <q>.

  8. Ziet er goed uit maar ik vraag mij af of bij de headers bovenaan “Ius mentis” niet voor “Over Arnoud” moet staan. En of je bij “Over Arnoud” beter een dropdown-menu kunt plaatsen zodat je naast LinkedIn ook naar Twitter, Facebook, Foursquare, Yahoo, Google Plus en andere sociale accounts kunt verwijzen. πŸ™‚ De RSS feeds staan nu wel duidelijker in beeld dus het kan zijn dat ook anderen hiervan gebruik zullen gaan maken om wat regelmatiger te reageren. Mis eigenlijk nog wel de invoer van een wachtwoord want op deze manier bestaat nog altijd de kans dat iemand anders zich als mij voordoet. Het grappige is dat ik een andere email alias voor deze post heb gebruikt en als deze dus erdoor komt ben ik eigenlijk iemand anders onder mijn naam. Nou ja, ook weer niet. πŸ™‚ Ik betwijfel of er grappenmakers zullen komen die dit gaan misbruiken, maar die mogelijkheid is er dus wel. Brengt gelijk weer de vraag naar voren wie er verantwoordelijk is als iemand anders zich hier als mij gaat voordoen. πŸ™‚

  9. Ook op mijn mobiele telefoon is de lay-out best te doen, alleen zijn dan pagina-headers (met name de blauwe balk en reclame) wel erg aanwezig. Dat zou in de mobiele weergave (op een telefoon, dus niet op tablet) wel wat kleiner mogen. Ze nemen dan een heel scherm in beslag.

    Verder ga ik mee in de opmerking dat sommige teksten wel iets donkerder mogen zijn.

  10. Wat N.P. zegt klopt trouwens, bij het bewerken van je reactie wil hij ook dat je emailadres + naam invult. Die staan al bij de post opgeslagen, en in de cookies.

    Verder wel jammer dat de comments nu geen nummers meer hebben, was altijd wel geinig.

  11. Overigens, vind ik dat de banner ook beter kan. Ik verwacht bij een dergelijke bannen dat deze alle categorien bevat van een website en altijd blijft staan. Bij Home zou ik http://www.iusmentis.com verwachten, bij Blog http://blog.iusmentis.com. De link naar linkedin verwacht ik niet op de dit niveau, maar onder “Over mij” en “Contact”. Ik verwacht hier dus “Home”, “Blog”, “Over mij” en “Contact”.

  12. @Frank: Een mobiele site heb ik nog niet gemaakt, dat kan als vervolgklus. En dan moeten die dingen zeker meegenomen.

    @Michel: Ja, dat is een bug, nog niet duidelijk waarom maar dat gaan we fixen.

    De commentnummers zijn weg omdat dat verwarring geeft als er later iets in de moderatie goedgekeurd wordt. Dan wordt bericht 20 ineens 21 omdat er een bericht tussen komt.

      1. De keuzen in de omvang van venster bepaal ik in de context van de andere vensters. Als ik maar één venster heb, wat meestal het geval is bij een browser, dan staat deze gemaximaliseerd. Als ik ik iets in mijn browser moet aanpassen vanwege een webpagina (incl. de tekst grote) dan beschouw ik dat als een bug. Helaas zien veel eigenaren kleine lettertjes als features. Niet te lezen schijnt er mooier uit te zien.

    1. Ben het er wel mee eens dat een Sans serif lettertype waarschijnlijk prettiger te lezen is dan het huidige Serif lettertype. Verder jammer dat de commentaar-nummers zijn verdwenen, wat in een superlange discussie zoals die over Getty opeens het verband tussen alle 950 reacties verdwenen lijkt te zijn. Gezien de lengte van die discussie vraag ik mij ook af hoe diep het reageren op reacties uiteindelijk gaat. Kan het b.v. 20 reacties diep gaan? Of 30? 50? Oneindig?

      1. Ai, dÑÑr had ik niet aan gedacht πŸ™

        Ik zie het met nummers regelmatig misgaan omdat er reacties ontspamd of later goedgekeurd worden, en dan de nummering verstoren. Daarom dacht ik, ik gooi het eruit en dan zeggen mensen maar “@Wim 12:40” of ze reageren gewoon genest, dan zie je het vanzelf. Maar dit is wel vervelend zeg.

  13. BUG! Heb een bug gevonden! (En er zullen wel meer in zitten.) Ik krijg reacties ook per email omdat ik het vinkboxje onderin heb aangevinkt en deze heeft als titel: “[Ius Mentis] Niuewe reactie op: Tijd voor een nieuwe layout!”

    Niuewe? Iemand heeft dikke vingers. πŸ™‚

  14. Ziet er mooi uit. Ik heb nog wel een suggestie: Naast het invul veld voor reacties staat een stukje over dat je blockquote, a href, etc kan gebruiken. Is het mogelijk om dit aanklikbaar te maken, zodat het direct met sluitstuk en al in je reactie wordt geplakt. Zelf vind ik het redelijk omslachtig om blockquote openen en sluiten in te moeten tikken.

    Ook zie ik dat als je op een reactie van een ander persoon reageert, dat jouw tekstblok smaller wordt. Hoe klein kan jouw tekstblok worden? Of wordt het blok onleesbaar smal nadat 10+ mensen op elkaar reageren

  15. Nog een leuke: In Chrome, Firefox en Seamonkey zit er in de rechter-onderhoek van het reactieveld een handle waarmee je het veld groter kunt maken. Dat is best handig maar de tekst loopt dan door de tekst ernaast heen zoals je kunt zien op mijn screenshot op deze locatie… Geen idee hoe je dat het beste kunt verhelpen. Maar heb je de website ook met andere webbrowsers getest? πŸ™‚

  16. Nog twee dingen: Bij de laatste reacties veranderd mijn cursor in een hand als ik over de naam van de poster hover, maar klikken kan niet, je moet echt op de tekst van de reactie klikken. Dus of geen pointer icon voor de naam, of gewoon ook een link op de naam.

    Voor historische comments kan het toch handig zijn als de comments genummerd zijn omdat er nog steeds erg veel @# in de comments staan. Nu is dat toch wat lastiger te lezen.

  17. Ik mis eigenlijk nog de waarschuwing dat je cookies gebruikt. Je zet immers persoonsgegevens in cookies. πŸ™‚ Had verwacht dat die popup weer zou verschijnen met de nieuwe layout maar heb deze nog niet gezien. Maar sommige bezoekers willen hun mening hierover misschien nog eens herzien nu je een nieuwe layout hebt. πŸ™‚

  18. Het nadeel van geneste reacties is dat je nieuwe reacties eigenlijk niet ziet zonder dat je het hele topic weer door moet lezen om te zien of je toevallig een geneste reactie gemist hebt.

    Een alternatief zou het volgende kunnen zijn. Je laat de reactie nummers die je nu hebt (deze zal iets van #49698 zijn) gewoon staan en als iemand op reageer op deze reactie klikt komt er automatisch @49698 te staan. Mooiste is dan een systeem als Nujij heeft waarbij je de reactie kan zien als je over het @49698. Maar een hyperlink kan wellicht ook?

        1. In Google Reader wordt bij mij een post als gelezen beschouwd zodra ik er voorbij scroll. Ik volg gewoon de algemene Comment RSS feed zodat ik de reacties op alle posts ontvang, inclusief de alleroudste posts. En de hoeveelheid updates die zo voorbij komen vallen best mee. Zoveel reacties krijgt Arnoud nou ook weer niet. Google Reader toont mij overigens meteen ook de comment tekst zodat ik niets hoef aan te klikken om ze te lezen. Gewoon scrollen en snel deteksten scannen. Daarnaast, ik zet altijd het vinkje onderin aan zodat ik reacties ook per email ontvang. Mijn mailreader (Google webmail, what else?) filtert deze automatisch, schopt ze naar een aparte folder en daar kan ik ze op mijn gemak nalezen. Werkt ook prima.

        2. @Wim, Ik kan niet meer op je bericht reageren (maximum van 3 geneste reacties?). Ik gebruik geen Google Reader en ben dat ook niet van plan en omdat ik geen echt email adres invul (niet tegen Arnoud zeggen :)) krijg ik dus ook geen mailtjes. Daarbij zou volgens mij de site zo goed mogelijk moeten werken zonder externe hulpmiddelen.

          Ach er valt wel mee te leven maar ik blijf een voorkeur houden voor de niet geneste reacties.

        3. Valt mij nu ook pas op dat je inderdaad maar 3 levels diep kunt reageren. Best jammer. Wat mij ook opvalt is dat het invullen van een reactie helemaal onderaan gebeurt, wat dus lastig is indien je reageert op een reactie bovenin. πŸ™‚ En wat je altijd nog kunt doen is gewoon een GMail account aanmaken, en die gebruiken voor dit blog. Kun je er ook Google Reader op aansluiten. πŸ™‚ Zelf heb ik gewoon een alias binnen mijn domein aangemaakt waar ik de mailtjes op binnen krijg. Oof effectief.

          En geneste reacties vind ik wel prettig, maar ik heb betere geneste reactie-mogelijkheden gezien. De layout is wel mooier maar nu, een dag later, vind ik het toch al wat minder worden omdat de geneste reacties het lezen inderdaad een beetje bemoeilijken.

        4. Daarbij komt dus ook nog dat er maar 3 levels geneste reacties zijn waarbij het de vraag is of het dan wel echt iets toevoegt. Ook worden de geneste reacties niet getoond in de laatste reacties aan de rechterkant want daar staat alleen die van Rashid 10:30.

  19. Even wennen, maar een flinke verbetering.

    Het blokje rechts getiteld “Meest actief”, dat laat zo te zien de posts met de meeste reacties zien, dus een top5 all-times. Is dat de bedoeling? Ik zou verwachten dat “meest actief” bijvoorbeeld de posts met de meeste reacties gedurende de laatste week (ofzo) zou laten zien. Of is dat een aanloop-probleem?

  20. Persoonlijk had ik liever gewoon de posts in het midden gehad. Op mijn monitor (27′) is de rechterkolom nu 1/3 van het scherm (en mocht ik nu net niets om die kolom geven).

    Maar verder natuurlijk een mooie vooruitgang qua stijl.

  21. Eerste indruk: het is wennen, maar het schrikt in ieder geval niet af. Vind wel het contrast tussen deze homepage en de opmaak van de andere tabbladen te groot geworden, neem aan dat dat tzt ook nog op de schop gaat. En als je/jullie dan toch bezig zijn: in/op het contact tabblad tekst in de zwarte button lijnt met FF niet – met Opera wel goed uit

        1. Ben je dan niet bang dat spammers daar misbruik van gaan maken? Of dat grapjassen er rare tags aan gaan toevoegen? Als iemand er de woorden “Viagra” of “Cialis” in plaatst bestaat de kans dat je blog opeens als een spamsite wordt gezien. πŸ™‚ Of als iemand een complete URL als tag plaatst? Was mij in ieder geval nooit opgevallen maar nu wel. En het zal anderen nu ook beter opvallen dus ik ben benieuwd of je nu veel meer tags gaat krijgen dan ervoor. πŸ™‚ Hoeveel nieuwe tags werden er overigens voorheen aangemaakt?

          En filtert je blog nog wel bepaalde “foute” woorden weg? πŸ™‚

  22. Hoi. Heel netjes, en rustig. Ik hou juist erg van Serif fonts. Woorden lijken dan wat minder op losstaande letters, dus dat is fijn. De nummertjes uit de vorige layout vond ik ook wel leuk, maar met deze layout gaat het vast ook lukken. Even testen of unicode het volledig doet, want het leek er net op van niet (bij de post over bedrijfsnamen): ΓΈ Γ₯ Γ« Γ© Γ¦…

Geef een reactie

Handige HTML: <a href=""> voor hyperlinks, <blockquote> om te citeren, <UL>/<OL> voor lijsten, en <em> en <strong> voor italics en vet.