Naar
boven

Karelgeenen.nl presents: de nieuwe responsive website

Eindelijk is het zover! Zoals je waarschijnlijk al had gemerkt ben je nu op de nieuwe website van Karelgeenen.nl. Na 12 weken hard werken is de responsive website live!

screens

What’s new?

Responsive design

Zoals de titel het al aangeeft, is de website responsive. Dit betekent dat de website nu ook geschikt is voor smartphones, tablets en andere mobiele apparaten met een internetverbinding en een webbrowser! Mocht je geen smartphone bij de hand hebben, het responsive gedeelte kan ook bekeken worden door met je webbrowser te schalen ;-).

De structuur van de website past zich aan aan de resolutie. Dit is niet het enige. Op mobiele resoluties wordt een extra functie toegevoegd waarbij het mogelijk is om snel en eenvoudig een categorie te selecteren.

Aangepast ontwerp

Ook het ontwerp van de website heeft een make-over gekregen. Hierbij is de stijl gemoderniseerd waarbij, voor de technici onder ons, gebruik is gemaakt van HTML5 en CSS3 elementen, dit in tegenstelling tot de vorige website die d.m.v. HTML en CSS was opgebouwd. De website wordt door de animaties (Javascript) in de menustructuur op de mobiele versie, een stuk dynamischer.

Compacter

De website is ook compacter geworden, er zijn een aantal tabbladen verdwenen: de Q&A sectie, vacatures en video’s. Niet getreurd om de video’s! Deze zijn nog steeds terug te vinden in de sidebar onder het kopje “Categorieën”.

Wat vinden jullie ervan?

Natuurlijk heb ik niet in mijn eentje naar dit prachtige resultaat toegewerkt. Met jullie hulp en inbreng is de website geworden zoals het nu is. Mijn vraag aan jullie is, wat vinden jullie nu van de nieuwe website? Feedback en eventuele bugs kunnen worden gerapporteerd in de comment sectie onder dit bericht. Bedankt voor jullie hulp!

Persoonlijke noot voor Karelgeenen.nl

Graag wil ik Karel bedanken voor deze ontzettend toffe stage opdracht die ik als stagiair heb mogen uitvoeren. Ik heb veel geleerd van het ontwerpen en realiseren van custom en responsive WordPress thema’s. Ik wens Karel en het team veel plezier en succes met de nieuwe website!

Onze Expertise Nodig?

Vul het onderstaande formulier in of bekijk onze online marketing cursussen en online marketing diensten.


Over de auteur:

Dit artikel is geschreven door .

Erwin Jongenelen
Mijn naam is Erwin Jongenelen. Ik ben een student aan Fontys Hogescholen(HBO) ICT Media & Design te Eindhoven. Tussen februari en juni 2013 ben ik de stagiaire bij Karelgeenen.nl met de missie om een nieuw responsive thema te realiseren voor deze website.
26 reacties op "Karelgeenen.nl presents: de nieuwe responsive website"
  • maffe zegt:
    26 Apr, 2013 om 09:19

    Ziet er gelikt uit. HULDE!

    Reageren
  • Mike van den Broek zegt:
    26 Apr, 2013 om 09:37

    Ziet er goed uit zeg. Mooie stijl ook.

    Reageren
  • Albert zegt:
    26 Apr, 2013 om 09:39

    Erg mooi geworden! Maar nu je Responsive template & design af is, vakantie? :)

    Reageren
  • Arie zegt:
    26 Apr, 2013 om 09:58

    Ziet er goed uit! In IE 8 geeft ie alleen niet helemaal goed weer, misschien nog een aandachtspuntje ;)

    Reageren
  • Nils zegt:
    26 Apr, 2013 om 10:15

    Heel mooi :) Lekker modern en strak.

    Reageren
  • Karel Geenen zegt:
    26 Apr, 2013 om 12:04

    Erwin,

    Ook namens mij een woordje van dank. Ik vind het geweldig geworden en ben blij dat het allemaal zo vlot is gegaan.

    Je hebt duidelijk laten zien dat je weet waar je mee bezig bent, iets wat je later zeker nog kunt gebruiken!

    Karel

    Reageren
  • Diana zegt:
    26 Apr, 2013 om 12:05

    Mooi en overzichtelijk!

    Reageren
  • Boudewijn zegt:
    26 Apr, 2013 om 12:13

    Ziet er goed uit op mijn Samsung G3.
    In meerdere browsers.
    Mooi werk!

    Reageren
  • Erwin Jongenelen zegt:
    26 Apr, 2013 om 16:01

    Bedankt voor de positieve reacties allemaal! Zelf ben ik ook erg tevreden over het eindresultaat =)

    Reageren
  • Ralph Kleijer zegt:
    26 Apr, 2013 om 18:17

    Ziet er goed uit, ook op de smartphone. Ga zo door met nieuwe ontwikkelingen.

    Reageren
  • Frank Sanders zegt:
    28 Apr, 2013 om 11:52

    Its lookin goooooood,

    Een tijdje geleden hebben wij het ook veranderd.

    Het valt me grappig genoeg negatief op dat veel van de zogenaamde marketing “gurus” nog niet een responsive design hebben.

    Zonde als je nagaat hoeveel procent van de mensen tegenwoordig via mobiele telefoons op het internet zitten.

    Reageren
  • Navin Poeran zegt:
    30 Apr, 2013 om 06:06

    Mooie nieuwe website, Karel.

    Ziet er ook heel goed uit op m’n smartphone.

    Reageren
  • Christian zegt:
    30 Apr, 2013 om 19:16

    Ziet er goed uit, gefeliciteerd! Wat wordt je volgende grote project Erwin? Succes in ieder geval :).

    Reageren
    • Erwin Jongenelen zegt:
      01 Mei, 2013 om 10:59

      Bedankt Christian! Mijn volgende grote project is het afronden van deze stage. Een mooi verslag schrijven etc. Ondertussen ben ik ook bezig met een nieuwe portfolio voor mezelf die uiteraard ook responsive wordt ;)

  • jeroen zegt:
    01 Mei, 2013 om 11:45

    erg fraai geworden. Heb uiteraard vooral even de mobiele variant bekeken. Erg onder de indruk van de navigatie. Zeer gebruikers vriendelijk. Daar mag je trots op zijn :)

    Reageren
  • Sjors zegt:
    01 Mei, 2013 om 11:48

    Mooi gedaan

    Reageren
  • Steven zegt:
    01 Mei, 2013 om 12:37

    Ziet er mooi en strak uit, mijn complimenten!

    Reageren
  • Niek Kuypers zegt:
    01 Mei, 2013 om 15:28

    Hallo, ziet er goed uit,

    de tekst writer is alleen het woordje “kan” vergeten
    bij; kan ook bekeken worden…. in, responsive design 2e alinea

    groeten Niek

    Reageren
    • Lianne Soer zegt:
      01 Mei, 2013 om 15:56

      Dankjewel Niek, gelijk even aangepast!

  • Rickert zegt:
    01 Mei, 2013 om 19:07

    Hi Liane, erg goed ziet het er uit en heerlijk leesbaar op mijn mobieltje. Ik wil zelf ook naar zo’n thema deze zomer. Hoe heet het thema? En kun je me de link sturen waar je een responsive wordpress thema kunt aanschaffen? Thanks voor je tip alvast!

    Reageren
    • Karel Geenen zegt:
      01 Mei, 2013 om 19:37

      Dag Rickert,

      Het thema hebben wij zelf ontwikkeld, daar is dus geen link van :-).

      Waar je wel eens zou kunnen kijken is op woothemes.com.

  • Brigit zegt:
    01 Mei, 2013 om 23:33

    Het ziet er mooi, fris en overzichtelijk uit.
    Mijn complimenten.

    Reageren
  • Frank zegt:
    02 Mei, 2013 om 11:50

    Ziet er goed uit en alles is erg duidelijk te lezen en benaderen.

    Reageren
  • me zegt:
    07 Mei, 2013 om 12:21

    12 weken te lang.

    HTML5 Conformance Checker is experimenteel en is nog de vraag of het door de w3c komt..

    html5, geen section gebruikt

    teveel inline javascript

    2 versie van jquery running..

    ik zou rel nog eens na kijken.

    dit mag niet

    lege javascript??

    DXImageTransform.Microsoft.AlphaImageLoader as fallback mm.. dan kun je beter jquery pakken..

    background-color:f5f5f5; dit is fout moet #f5f5f5..

    @media screen zou moeten zijn @media only screen anders gaan oude brouwers het toch gebruiken en krijg je probleempjes..

    dit is nog maar 10min..

    conclusie: dit kan veel beter, ik zal maar wordpress de schuld geven want het is een zooitje als je naar de html kijkt.

    ach zolang het maar mooi uit ziet :D:D

    ben benieuwd naar fase 2 :D succes!!!!!!!

    Reageren
    • Erwin Jongenelen zegt:
      07 Mei, 2013 om 15:08

      Bedankt voor de feedback! Ik ga er naar kijken ;)

Reageren