Nieuwe layout

Ingezonden door LVB op 2004-12-19 18:48

Door werkzaamheden aan een nieuwe blog-opmaak is het de voorbije dagen wat stil gebleven op het vlak van nieuwe artikels. Na bijna twee jaar leek het mij tijd voor een opgefriste layout. De voornaamste nieuwigheden:


  • De naam LVBlog verdwijnt. De nieuwe naam LVB.net stemt overeen met de URL van de weblog.
  • "Less is more": alles wat de aandacht kan afleiden van de artikels, verhuist naar een minder prominente plaats. Daarom verschuift de navigatiebalk van de linkerkolom naar de rechterkolom. Om dezelfde reden wordt mijn blogroll, de lange lijst van weblogs die vroeger in de linkermarge stond, verplaatst naar een afzonderlijke pagina.
  • Het hoofdmenu wordt gevormd door de 4 tabs bovenaan: hoofdblog, citatenblog, Engelstalige blog (die binnenkort zal worden opgestart) en blogroll.
  • In de rechtermarge staan de navigatiemogelijkheden binnen de weblog waar je op dit ogenblik bent.
  • Eveneens in de rechterkolom zie je nu steeds een beknopt overzicht van de 10 recentste reacties. Handig, omdat er soms reacties komen op oudere artikels die niet op de homepagina staan. Als je in het overzicht de naam van de reageerder aanklikt, kom je automatisch op de juiste plaats en op de juiste pagina terecht.
  • De nieuwe layout is gebaseerd op het Kubrick-template voor Wordpress, maar werd aangepast voor gebruik met Nucleus, en uitgebreid met enkele snufjes die specifiek zijn voor mijn blog.
  • We stappen over van een vloeiende layout die zich automatisch aanpaste aan de breedte van je scherm, naar een layout met een vaste breedte. De discussies over voor- en nadelen van beide alternatieven zijn eindeloos. De twee belangrijkste voordelen van de vaste breedte:
    • Er bestaat een ideale regellengte voor een optimale leesbaarheid van een tekst. Door de regellengte veranderlijk te maken, wijken we af van die ideale regellengte.
    • Bij het combineren van tekst met afbeeldingen, is het resultaat bij een veranderlijke breedte niet volledig voorspelbaar. De vaste breedte zorgt voor betere controle over de plaatsing van de afbeeldingen ten opzichte van de tekst.

  • De foto bovenaan maakte ik op 2 maart 1999 even voor zonsondergang bij de VLA-radiotelescoop, 80 kilometer ten westen van Socorro in New Mexico, VS. De foto vat visueel samen waar deze weblog voor staat: actualiteit, technologie, wetenschap, media, ontdekken, communiceren.
  • Er werd van de gelegenheid gebruik gemaakt om een upgrade uit te voeren van Nucleus 1.99 (eigenlijk 2.0 beta RC) naar Nucleus 3.15.

Reacties

#3399

Mich

zondag, 19 december, 2004 - 19:22

 

Mooi, proper, strak - en toch kleurrijk genoeg door de leuke foto. I like it.

#3400

Pieter Cleppe

zondag, 19 december, 2004 - 20:43

 

Een goede verandering. Ik vind het overzichtelijker en heb al heel wat nieuws ontdekt. Zonder enige twijfel een van mijn favoriete websites! Deze site en in het algemeen het medium blog zal echt nog veel groeien, denk ik.

#3402

Steven Noels

zondag, 19 december, 2004 - 21:07

 

Ziet er proper uit - goede verandering!

#3406

Raoul THEEUWS

zondag, 19 december, 2004 - 21:19

 

Wie niet wil stil blijven staan moet vorderen, dus...!

"Panta Rhei.!"

PROFICIAT!

#3408

Bart Noppen

zondag, 19 december, 2004 - 22:00

 

Ziet er goed uit, veel duidelijker.

#3414

tx

zondag, 19 december, 2004 - 22:26

 

mooi mooi (en de foto vind ik ook zeer mooi)

#3422

Eric Jans

zondag, 19 december, 2004 - 22:32

 

Stukken beter. Proficiat met je knappe werk!

Moet dat niet eens gesponsord worden?

#3426

Ben van Praag

zondag, 19 december, 2004 - 22:39

 

Even wennen, maar het dagelijkse bezoek blijft gewoon doorgaan. Ziet er goed uit, Luc!

#3430

JDV.

zondag, 19 december, 2004 - 23:37

 

Kwaliteit boven alles bij Luc. Altijd beter, altijd doordachter, steeds dichter bij de essentie.

#3431

Matthias VDM

maandag, 20 december, 2004 - 00:28

 

Mooie verandering. De enige aanmerking die ik kan maken is dat je code niet valideert volgens de w3.org regels.

Maar ik ben dan ook een purist op dat vlak. Uiteraard is het de content die bij jou bovenaan staat! Waarvoor hulde.

#3432

Outlaw Mike

maandag, 20 december, 2004 - 00:29

 

't is beter, maar nog altijd geen lingeriereclame zoals bij dof. Maar kom, een mens mag niet teveel willen.

Interessant dat niet alleen de reacties van het laatste item bijgehouden worden maar ook die van de items ervoor. Op de reactiekolom rechts staat een reactie van bernard van het item secessie.

En als bernard hier ergens rondzwalpt had ik graag geweten hoe ernstig de ziekte van Mevr. Brundtland is. Het spijt me om te horen dat ze er erg aan toe is. Niet dat ik haar ooit ontmoet heb, maar 't is naar 't schijnt wel altijd een grote dame geweest.

#3434

LVB

maandag, 20 december, 2004 - 01:32

 

@Matthias: inmiddels valideert mijn code wel volgens de w3.org regels, na enkele aanpassingen.

#3435

Filip

maandag, 20 december, 2004 - 02:24

 

Het ziet er inderdaad goed uit. Maar ik zie hier en daar wat problemen met "speciale" tekens. Zie bv. in uw artikel ivm Gellingen: http://lvb.net/item/522

#3437

Dominique Dewitte

maandag, 20 december, 2004 - 08:32

 

1e klasse - A1, Luc

Veel beter !!!

#3438

Siegfried Bruckmann

maandag, 20 december, 2004 - 09:36

 

Less is more indeed. Heel geslaagd en goed doordacht. De vaste en nauwere kolombreedte verhoogt inderdaad de leesbaarheid. It's very Kubrick indeed, zeker met die foto.

#3439

Pascal Van Hecke

maandag, 20 december, 2004 - 10:00

 

Ik vermoed dat je google ads nu wat beter getarget zullen zijn. In je vroegere individuele blogposts verdronk de inhoud van de post in het teveel aan context (blogroll, links, incomming referrers...).

Je hebt ze nu ook heel strategisch tussen de post en de reacties geplaatst zie ik :-).

Ik zal af en toe klikken!

#3440

den dof

maandag, 20 december, 2004 - 10:01

 

De lettertjes lijken heel wat kleiner, ligt dat aan mijn browser of is dat echt zo?

#3441

LVB

maandag, 20 december, 2004 - 10:15

 

@Filip: ook dat probleem is inmiddels opgelost. Om te beantwoorden aan de XHTML-specificaties moeten ampersanden (o.a. in URL's) html-encoded zijn, maar anderzijds mogen de tekens met accenten die reeds html-encoded zijn niet een tweede keer geëncodeerd worden. Om volledig te beantwoorden aan de specs heb ik 1 regel in de broncode van Nucleus moeten veranderen.

@dof: De lettergrootte is inderdaad kleiner dan vroeger. Op mijn scherm zijn de lettertjes nu even klein als op jouw blog. Voorkeurlettertype is Verdana in Windows en Lucida Grande op Mac. En Verdana is bij kleine lettergroottes niet erg schaalbaar: tussen de lettergrootte in de vorige layout en de huidige lettergrootte ligt er geen tussenstap.

#3442

bart

maandag, 20 december, 2004 - 10:16

 

In konqueror valt de titel van de google ads wel weg. Mooie update, hoewel ik zelf niet zo'n fan ben van die 'laatste reactie' kolommen. Zonder context zijn die heel wat minder waardevol, dus wat mij betreft is dat verloren schermruimte.

#3443

Neverbeendead Religion

maandag, 20 december, 2004 - 10:34

 

Eveneens in de rechterkolom zie je nu steeds een beknopt overzicht van de 10 recentste reacties. Handig, omdat er soms reacties komen op oudere artikels die niet op de homepagina staan.

Maar al onmiddelijk een nieuwe bezoeker die niet weet dat er een reactie bij de laatste post van citaten gekomen is.Dat komt omdat dat bij snelle blogs zoals deze geen zin heeft als je iemand bent die alles wil volgen maar niet altijd de tijd daarvoor hebt.Het is dus maar een vaststelling omdat iedereen daar begrip voor kan opbrengen.Als men een blog echt belangrijk genoeg vindt om alles te volgen laat men die blog naar jezelf mailen.

#3445

bernard

maandag, 20 december, 2004 - 11:28

 

Mooi, zeer mooi, overzichtelijk, zakelijk.Zonder echt droog te zijn.

Pas op : het woord " weblog " is onzijdig, " het weblog".

#3446

Luc...

maandag, 20 december, 2004 - 11:32

 

Fantastisch Luc !

Proficiat.

#3448

LVB

maandag, 20 december, 2004 - 11:49

 

@Bernard: zowel het weblog als de weblog kunnen, volgens Onze Taal. Zie in dit verband http://www.onzetaal.nl/advi...

#3450

frédéric

maandag, 20 december, 2004 - 14:23

 

Een gigantische verbetering: snel, leesbaar en nog een stuk mooier ook.

Vaste tekstbreedte is voor zuivere tekst overigens echt wel het beste ;)

#3451

jean

maandag, 20 december, 2004 - 15:01

 

Proficiat Luc,

En zoals Bernard merkt... zelfs het geslacht der engelen werkt gecontroleerd

#3453

Dimi

maandag, 20 december, 2004 - 15:32

 

Om in herhaling te vallen : een geslaagde ingreep.

#3454

Wim

maandag, 20 december, 2004 - 16:04

 

Ik sluit mij aan bij bovenstaande reacties: het is véél beter! Eén kleine opmerking echter: zou je de grijze menubalk niet laten doorlopen tot beneden? Nu stopt die nogal abrupt (al is dat slechts een persoonlijke visie natuurlijk).

#3459

Wimadrid

maandag, 20 december, 2004 - 18:15

 

Beter!

Ik concentreerde mij wel altijd op uw teksten, maar de lange linklijst links vond ik toch storend.

Bug?: Met Firefox zie ik uw foto van de VLA niet (andere foto's wél).

#3460

Bonna

maandag, 20 december, 2004 - 18:30

 

Idd veel beter. Ik ben wel een die-hard fan van liquid designs, dus ik vind het nu wel jammer dat het nu fixed is. (dit betekent min. 1x browser resizen per sessie, als ik de volledige breedte wil zien). Nu ja ik ga hier geen discussie beginnen, je hebt daar trouwens zelf al voldoende onderzoek naar gedaan en tenslotte je keuze gemaakt.

Je kan misschien wel een javascript link voorzien om de browser naar de fixed pagina-width te resizen. Serieus :)

#3463

bernard

maandag, 20 december, 2004 - 19:20

 

Schrijf op : ik kom terug.

#3464

Zeveraar

maandag, 20 december, 2004 - 19:25

 

Zeer te pruimen! Het ziet er allemaal een stuk gezelliger -en minder steriel- uit. Al blijft de inhoud natuurlijk wel primeren.

#3467

Paul R./Arcadim

maandag, 20 december, 2004 - 20:00

 

Knap! Zoiets is het wat ook ons (en wij heus niet alleen)voor ogen staat! Ooit 'ns, op een dag... Nog 'ns: knap! Lvb is leesbaarder dan ooit tevoren!

#3471

Bart Vandamme

dinsdag, 21 december, 2004 - 00:04

 

Proper gedaan! Erg 'clean'

#3476

J.

dinsdag, 21 december, 2004 - 09:53

 

Al enkele maanden volg ik uw webblog met stille stem. Nu kan ik niet anders dan u van harte te feliciteren met de vernieuwde site. Prima artikels, zeer afwisselend en steevast interessant.

Vanaf nu ook zéér duidelijk leesbaar op een HP IPAQ hx4700 (in landscape); waarvoor hartelijk dank.

Keep up the good work.

#3479

CE

dinsdag, 21 december, 2004 - 16:26

 

't is inderdaad knap gedaan !

Zo begin ik ook zin te krijgen in een nieuw kleedje...

#3480

bram

dinsdag, 21 december, 2004 - 22:44

 

Knap. In Opera staan de items in het menu 'blog, citaten, english, blogroll' evenwel onder elkaar en bovenop de tekst (de categorie en titel van het eerste stukje). En dus niet naast elkaar, zoals in Firefox of Explorer.

#3481

bram

dinsdag, 21 december, 2004 - 23:04

 

Knap. In Opera staan de items in het menu 'blog, citaten, english, blogroll' evenwel onder elkaar en bovenop de tekst (de categorie en titel van het eerste stukje). En dus niet naast elkaar, zoals in Firefox of Explorer.

#3482

bram

dinsdag, 21 december, 2004 - 23:13

 

Knap. In Opera staan de items in het menu 'blog, citaten, english, blogroll' evenwel onder elkaar en bovenop de tekst (de categorie en titel van het eerste stukje). En dus niet naast elkaar, zoals in Firefox of Explorer.

#3483

bram

dinsdag, 21 december, 2004 - 23:15

 

Sorry voor het driemaal posten van dezelfde reactie *bloos*

#3485

Matthias

woensdag, 22 december, 2004 - 00:30

 

Fijn! Nu valideert ie mooi! Overigens vind ik het een plezier om naar de XHTML source te kijken. Job well done!

#3525

ewi

donderdag, 23 december, 2004 - 07:54

 

Luc,

pas je de layout aan (breedte een beetje smaller)zodat het op een tablet pc in portraiti in IE6 net past?

grtz,

ewi

#3528

Sofie

donderdag, 23 december, 2004 - 10:31

 

Mooi staaltje webwerk :)

#3573

ewi

vrijdag, 24 december, 2004 - 17:38

 

Luc,

ook in Firefox is het net iets te breed. Heb jij je tablet niet meer om te testen?

grtz.

Erik

#3574

LVB

vrijdag, 24 december, 2004 - 17:41

 

@ewi: Mijn tablet is in herstelling. De tekstbreedte van de artikels is 520 pixels. Is dat te breed voor jouw tablet? Verminderen is moeilijk omdat sommige foto's die ik inlas bij mijn artikels, 500 à 520 pixels breed zijn.

#3575

LVB

vrijdag, 24 december, 2004 - 17:47

 

@ewi: overigens had mijn tablet in portrait-mode een schermbreedte van 768 pixels. Het is toch niet erg dat het linkermenu niet volledig op het scherm staat, als je artikels leest, zolang de artikels zelf er maar volledig op staan?

#3849

Wolfgang Verraes

donderdag, 6 januari, 2005 - 00:41

 

Beste Luc,

Ik zie hierop niet onmiddellijk hoe ik jou rechtstreeks kan bereiken.

Terzake heeft mij aan doen denken.

Hoe gaat het met jou ?

Wolfgang Verraes

[email protected]

#4020

Guest

zondag, 9 januari, 2005 - 16:33

 

Ziet er allemaal fijn uit, maar lijkt het niet verdacht veel op http://www.jimmyd... ?

#4023

LVB

zondag, 9 januari, 2005 - 17:06

 

@Guest: uit de code kan ik opmaken dat de site die je opgeeft stukjes CSS (in ieder geval de navigatiebalk bovenaan) overgenomen heeft van mij. Ik stel mijn layout en CSS-code wel beschikaar onder een Creative Commons licentie die naamsvermelding vereist, maar ik ga mijn niet bezighouden met dit af te dwingen.