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
Hallo! Ook de reacties werken nu, mooi zo.
Mooie nieuw design en handige nieuwe functies. Alleen jammer van de foutmelding onder reatcies:
Bedankt, dat hebben we net gefixt!
Het ziet er goed uit, maar wel ff wennen.
En ik ben toch wel een beetje teleurgesteld, dat er vandaag geen ‘ echte’ content is geplaatst.
O hellup, geneste reacties. Dat lijkt altijd een goed idee maar na een jaartje draaien ze het allemaal terug.
Dit went een stuk sneller dan de nieuwe Tweakers layout π Ziet er fris uit.
@Alex Haan: Dat is precies wat ik ook dacht!
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.
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.
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!
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… π
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.
De enige grijs-op-grijze tekst is de naam en datum/tijd van een reactie, bedoel je die? Wellicht kan de naam zwart op grijs gemaakt.
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>.
Donkerder maken van de tekst gaan we naar kijken. En hm ja inderdaad moet de laatste reactie in het veld, met als uitklaptekst de voorlaatste drie reacties. Kennelijk loopt daar iets achter of zo.
Andere blockquote-stijl ga ik over nadenken.
Onder andere, maar ook de grijze tags, de grijze tekst “Handige HTML…”, de grijze tekst “Tags Iusmentis…”, de grijze tekst “25 oktober 2012, 09:55 | AE 4547 | Iusmenti”, de grijze tekst “Mijn mailbox is gehackt!”.
Ik kan inderdaad mijn comment nog niet bewerken (zie immetjes).
En het zoeken werkt ook nog niet. Als ik zoek op
merk
dan kan er niets gevonden worden.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. π
Ah, ik zie wel dat mijn “nep-reactie” toch eerst goedgekeurd moet worden. Prima. π Nu maar hopen dat je niet automatisch alles goedkeurt. π
Nice! Heerlijk dit!
Bij de hover op het AE-nummer staat een tekst die doet vermoeden dat daar nog wat anders zou moeten komen te staan π
Mooi, dit bevalt me wel, strak, maar niet tΓ© strak. Alleen de reclame banner onder de post is zo subtiel dat ik eerst dacht dat hij onderdeel van de website was.
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.
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.
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”.
@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.
Ook niet echt fan van de fullscreenweergave, ik heb altijd nogal grote browservensters. Verder een flinke vooruitgang wat mij betreft!
Ik zit daar dubbel in. Enerzijds, nee het moet niet te breed, maar anderzijds je kunt toch zelf je browser op de juiste breedte zetten? Ik heb zelf een 24″ loei-LCD scherm en draai de browser op 50%.
hehe ga jij mij nu vertellen wat de juiste breedte voor mijn browser is? π (dat staat ie wat mij betreft; full screen. Ik heb 2 schermen en werk op beide met de meeste programma’s op fullscreen)
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.
De AE-nummers lijken overigens de ID’s van de artikelen te zijn. Wat zegt dat over dit bericht en de termijn waarop deze al ingepland stond? π
De AE-nummers zijn inderdaad de ID’s. Waarom nog een apart nummer verzinnen als je al een gegarandeerd uniek nummer hebt. En dit bericht was gisteren geschreven. Is dat gek gezien de ID?
Gisteren was het 4574 en vandaag 4547, ik ga er vanuit dat de nummers oplopend zijn? Of worden reacties ook in dezelfde tabel opgeslagen? Dan nog is het raar dat het blog van gisteren een hoger ID heeft dan vandaag, toch?
Hmm intrigerend, dat had ik niet gezien. Zou ie zoeken naar de eerste vrije ID? Als ik dan een eerder concept had dat weggegooid is, dan was 4547 misschien zo vrijgekomen.
Ik ben nerd genoeg om daar naar te kijken π Wellicht dat Roy of Arjan dat weet, ik ken het daar niet goed genoeg voor eigenlijk..
Tip: Geen Verdana. Dat is het lelijkste font na Comic Sans. Kies een ander fallback font voor Droid Sans, of zorg dat Droid Sans wordt meegeladen.
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?
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.
Zou het een idee zijn om de website te laten testen op functionaliteit en gebruikersvriendelijkheid?
Dat zijn we nu aan het doen toch?
De banners rechtsboven gaan naar lege artikels, is dat de bedoeling? Bijv. http://blog.iusmentis.com/banner/software-deskundig-en-praktisch-juridisch-advies/
Nee, zeer zeker niet. Gefixt.
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. π
Goed gespot, heb ik aangepast. DIt moet wel even doorgevoerd in de plugin, dus duurt iets langer.
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
Leuk idee, ik ga kijken of dat mogelijk is.
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? π
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.
Nette opfrisbeurt met behoud van eenvoud. Goed gedaan!
Even kijken of het allemaal werkt. Tot dusverre ziet het er goed uit…
En kijken of de edit werkt…
Ziet er goed uit!
Gefeliciteerd met je nieuwe Layout! Ziet er lekker modern en fris uit.
Aangezien je content onder een Creative Commons licentie wordt gepubliceerd, is het dan geen idee om het gebruikte template onder dezelfde voorwaarden te publiceren?
Nou vooruit, nog een bugje dan. De conversie naar UTF-8 gaat niet helemaal goed. Zie bijvoorbeeld je eigen comment http://blog.iusmentis.com/2012/08/29/mag-je-bij-een-btw-verhoging-je-contract-opzeggen/#comment-49544
Even kijken of het alléén voor oude reacties geldt…
Ik hoop dat het alleen die paar comments is, want die zijn handmatig gerestaureerd op basis van een databasedump. Voor het overige zou er niets geconverteerd moeten zijn en dat zou ook niet nodig moeten zijn.
Oude reacties gaan inderdaad wel goed.
Leuke dubbele reactie check! Kijk even in je spam voor nog een bugje.
Mooi, modern. Deze blog is heel leuk om zo nu en dan te lezen, erg informatief. De artikelen zijn gebaat bij de nieuwe lay-out. Bedankt!
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. π
Volgens mij valt dit gewoon onder de functionele cookies en is toestemming niet vereist…
ja ik miste die ook een beetje – of had ik het al een keer goedgekeurd?… Ik zie wel een opmerking over cookies bij de deelknoppen. Je gebruikt geen Google Analytics? Welke statistiekoplossing gebruik je Arnound?
Ziet er netjes uit, alleen op een Android is het niet zo goed misschien een idee om een mobile theme te installeren en deze aan te bieden op mobile devices.
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?Een andere optie is gewoon de RSS feader gebruiken voor de comments. Deze gebruik ik zelf vanuit Google Reader om zo eigenlijk continu de nieuwste posts te kunnen zien. Werkt perfect. π
Nee, dat werkt ook niet of je moet alle nieuwe comments aanklikken met het risico dat je die al gelezen hebt. De comments worden bij mij pas als gelezen beschouwd als je daadwerkelijk op de link klikt.
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.
@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.
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.
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 delaatste reacties
aan de rechterkant want daar staat alleen die van Rashid 10:30.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?
Het is de top 5 van de afgelopen 100 dagen, niet van all time. Denk dat dat wel goed is, dan heb je een iets bredere blik dan alleen de waan van de week π
Waarom 100 dagen? Waarom niet drie maanden of het afgelopen jaar? Het lijkt mij dat 100 is gekozen omdat het een mooi, rond getal is. π
Dat is wel heel scherp gezien Wim.
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.