Blog vernieuwd

Vier maanden is het ondertussen al geleden dat ik de volledige lay-out van m’n blog aangepast heb. Het doel was om minder retro-blog-a-like over te komen maar er toch iets moderner uit te zien door een home page te introduceren en kenmerken van Metro/Modern UI over te nemen.
Deze week heb ik allerlei aanpassingen gemaakt waardoor ik toch denk dat we niet meer overkomen als een site uit de jaren 2000 maar een site van het jaar 2013. Hieronder even opgesomd wat er veranderd is.

Nieuwe header

De header was iets waar ik vrij ontevreden over was. De navigatie + banner + extra links menu nam bijna 200 pixels qua hoogte in beslag. De nieuwe header neemt nog niet eens de helft in van die plaats (nog maar 80 pixels) maar biedt toch dezelfde content. Doordat de header minder plaats in beslag neemt heb ik er ook voor gekozen om de header fixed te maken.
Een leuke toevoeging is dat er nu een pijltje bij komt dat aanwijst wat we juist bekijken. Ben je op de home pagina? Dan zal het pijltje onder het logo verschijnen. Ben je de Java tutorials aan het bekijken? Dan zal het pijltje onder Java staan.

follower-1

follower-2

De pagina “International” is weggehaald en zal wellicht op een andere manier opnieuw geïntroduceerd worden op de website.

Re-organisatie categorieën

Na 50 tutorials zonder al te veel onderhoud aan de categorieën was het tijd geworden om de wildgroei van categorieën tegen te gaan. Alle tutorials zijn nu verdeeld over 4 categorieën, namelijk:

  • Java
  • JavaScript
  • Coding
  • Other

Mocht in de toekomst de categorie “Other” verder opsplitsing nodig hebben, dan zal dat zeker gebeuren.

Vernieuwde sidebar

De sidebar was vorige keer volledig vernieuwd met extra widgets, deze keer heb ik de sidebar widgets allemaal terug weggehaald. De widgets gaven de blog een jaren-2000 look en uiteindelijk is er niemand die iets heeft aan bijvoorbeeld een tag cloud.

De sidebar is nu vervangen door een verticaal menu dat alle categorieën en enkele vaak voorkomende tags bevat zoals eerst in de header te vinden was. De sidebar is ook verhuisd van de rechter- naar de linkerzijde van de pagina en is tevens smaller gemaakt waardoor er meer plaats is voor de content zelf.

menu

De andere widgets zijn op verschillende andere plaatsen terug te vinden. Zo zijn de meest recente en populaire posts op de homepage te vinden, de zoekbalk bovenaan de pagina en de subscribe form is naar de footer verhuisd.

Wijzigingen aan homepage

Ook de homepage is aangepast. De eerste verandering is dat de carousel weggehaald is. De carousel nam redelijk veel ruimte in zonder al te veel informatie aan te bieden.

Deze vrijgekomen ruimte heb ik nu opgevuld door in plaats van enkel de titels van de artikels, ook een kleine beschrijving van de meest recente tutorials te plaatsen. In de sidebar is daardoor ook ruimte vrijgekomen die ik nu gebruik om de meest populaire tutorials van de laatste dagen op te sommen.

Door het verdwijnen van de “Web-categorie” is ook de link naar deze tutorial verwijderd en vervangen door JavaScript. In de toekomst zal dit wellicht aangevuld worden met Dojo, Node.js en web coding.

home

g00glen00b

Consultant at Cronos and Tech lead at Aquafin. Usually you can find me trying out new libraries and technologies. Loves both Java and JavaScript.