Mark Rijkelijkhuizen

HTMLr, Front-end developer, Illustrator

Ervaring

Bedrijven

  1. Seneca

    Front-end developer

    van: 10 - 2008
    tot: heden

    Seneca bouwt webgebaseerde oplossingen voor interactieve communicatie. Denk hierbij aan een website, intranet, kennissysteem of kwaliteits-managementsysteem. Effectieve oplossingen met een branchespecifiek uitgangspunt.

    Als front-end developer zorg ik er voor dat de ontwerpen van interne en externe vormgevers exact worden omgezet in werkende websites. De HTML implementeer ik direct in het door Seneca ontwikkelde CMS "Smartsite".

    Tussen het websites bouwen door heb ik veel meegewerkt aan de ontwikkeling van SmartInstant, een out-of-the-box framework om snel websites uit te kunnen rollen. Het uitbreiden van het CMS met nieuwe functionaliteiten en het verbeteren ervan om nóg flexibeler te worden was een leuke uitdaging.

    Het portfolio van Seneca bestaat vooral uit ziekenhuizen, woningcoorparaties, intranetten, webapplicaties en gemeentelijke websites. Hierdoor is het niet alleen van belang dat de websites werken in alle browsers en op elk device, maar ook dat ze voor iedereen toegankelijk zijn. Het voldoen aan de Webrichtlijnen van de Overheid is tegenwoordig voor veel klanten van Seneca verplicht.

    Bij Seneca ben ik hét aanspreekpunt als het gaat om HTML- en CSS problemen. Toen bleek dat bepaalde vragen regelmatig terug keerden heb ik een basis HTML/CSS-cursus gegeven voor alle medewerkers.

  2. E-Kwadraat reclame

    Webdesign

    van: 06 - 2001
    tot: 10 - 2008

    Bij E-Kwadraat kan men terecht voor alle promotionele acties en communicatie zoals huisstijl ontwerp, autobelettering, bedrukte kleding en websites.

    Bij dit 8-koppige bedrijf kon ik aan de slag om de verkoop van websites op te starten. Naast het ontwerpen, bouwen en onderhouden van de websites was ik ook verantwoordelijk voor de webhosting, domeinaanvraag en klantcontact.

    Om de websites sneller te kunnen maken en eenvoudiger bij te houden, heb ik op basis van php een eenvoudig CMS geschreven. De klant kon hiermee zelf teksten, foto's, nieuwsberichten en evenementen plaatsen op de website. Door de toenemende vraag van klanten werd het CMS steeds verder uitgebreid met bijvoorbeeld statistieken en een webwinkel.

  3. RS Reklame Studio

    DTP, webdesign

    van: 06 - 1995
    tot: 06 - 2001

    Bij RS Reklame Studio ben ik na het behalen van mijn technische opleiding begonnen als creatief medewerker van dit éénmansbedrijf. Mijn loopbaan begon als DTP-er, waardoor ik snel leerde werken met Adobe Photoshop en Illustrator.

    Toen het internet zich begon te ontwikkelen, heb ik mezelf daar in verdiept zodat we ook websites konden leveren. In deze tijd was IE6 dé browser, met als alternatief het "veel betere" Netscape. De relatief simpele browsers dwongen je om creatief om te gaan met de beperkte mogelijkheden om toch een pakkende vormgeving te creëren die er in beide browsers goed uit zou zien.

Software

  1. TopStyle 100%

    TopStyle is het programma van mijn keuze voor het maken HTML, CSS en jQuery. Windows Kladblok zou ook volstaan, maar de ingebouwde tools zoals css preview en inline styles maken het coderen een stuk sneller.

  2. Adobe Photoshop 100%

    Doordat tekenen altijd een hobby van me is geweest, werkte ik al met Photoshop voordat de design-buro's het programma gingen gebruiken om websites te ontwerpen. Dankzij mijn ervaring kan ik elke PSD pixelperfect in HTML en CSS omzetten.

  3. Adobe Illustrator 100%

    Het "andere" grafische pakket van Adobe wordt veel gebruikt om logo's en huisstijlen te maken en tijdens mijn werk als DTP-er heb ik er veel ervaring mee opgedaan. Ik gebruik het nu nog om er illustraties en pdf's mee te maken.

  4. Adobe Fireworks 100%

    Fireworks, vroeger van Macromedia, was samen met Dreamweaver de ideale combinatie om snel websites te maken. Nu Fireworks door Adobe is overgenomen is de overlap met Photoshop groot, maar sommige bewerkingen zijn in Fireworks toch sneller te doen.

  5. Adobe Dreamweaver 80%

    Dreamweaver is een ideaal wysiwyg programma voor de beginnende webbouwer. Wysiwyg programma's kunnen echter nooit op tegen hand-gemaakte HTML en 10 jaar ervaring. Daarnaast wil ik graag van elke regel code weten waarom deze er staat dus tegenwoordig gebruik ik Dreamweaver alleen nog maar voor FTP.

  6. Adobe Indesign 40%

    InDesign wordt gebruikt voor de vormgeving van boeken, folders en andere offline-media. Daarnaast kan het bestanden exporteren naar pdf en werkt goed samen met de andere Adobe producten.

  7. Adobe Flash 30%

    Lang geleden, toen Flash nog cool was, heb ook ik de nodige animaties, navigaties en banners in Flash gemaakt. De nu overal bekende nadelen voor het web hebben mij echter al lang geleden doen besluiten er geen tijd meer in te steken.

  8. Adobe Edge 20%

    Een nieuwe manier om webanimaties te maken is Adobe Edge. Een werkwijze die herinnert aan Flash, maar nu om met HTML5 en CSS3 animates te bouwen.

Belangrijkste tools:

  1. Diverse CMS

    Als webdeveloper heb ik ervaring opgedaan met Smartsite, CMS Made Simple, Adobe Business Catalyst, WordPress, Drupal, Joomla, osCommerce en heb ik voor E-Kwadraat een eigen CMS ontwikkeld op basis van php4/5.

  2. Firebug

    Firebug is een webdevelopment tool voor Firefox en is ideaal voor het snel debuggen en bewerken van HTML, CSS en javascript.

  3. Webdeveloper Toolbar

    Dit is een extra toolbar voor de browser die verschillende webdeveloper tools biedt, waaronder HTML- en CSS validatie.

  4. IETester

    IETester wordt gebruikt om HTML in alle versies van IE te testen, van IE5.5 tot de laatste versie, en geeft alle bugs net zo (slecht) weer als de originele IE-browsers.

Opleiding

Scholen

  1. TH Rijswijk (Haagse Hogeschool)

    Rijswijk

    Opleiding Productontwikkeling met o.a. werktuigbouwkunde en ergonomie.

    van: 08 - 1990
    tot: 06 - 1995

  2. Zandevelt College

    's-Gravenzande

    HAVO met o.a. wiskunde, scheikunde en natuurkunde

    van: 08 - 1986
    tot: 06 - 1990

Contact

Adres

plattegrond

Mark Rijkelijkhuizen
Meidoornhof 61
2678 RG De Lier

e-mail: mark@ryk.nl
mobiel: 06 - 3456 9140

Projecten

Opgeleverde HTML

Informatie

Hobbies

Tekenen is altijd mijn grote hobby geweest. Hierbij gebruik ik Adobe Photoshop en Adobe Illustrator. Toen ik websites leerde bouwen was het logisch om een online-gallery te maken met mijn tekeningen er in. Na een aantal jaren heb ik www.ryk.nl in een wat professioneler jasje gestoken en dat bleek klanten aan te trekken, eerst voor allerlei verschillende opdrachten, later steeds meer voor geboortekaartjes. Deze kleine opdrachtjes heb ik altijd naast mijn vaste baan in de avond-uurtjes met plezier gedaan.

Na een paar jaar werden mijn maatwerk-geboortekaartjes zo vaak besteld dat ik besloot een nieuwe website te bouwen, specifiek voor geboortekaartjes, dit is maakmijnkaartje.nu geworden. In eerste instantie om meer geboortekaartjes te verkopen, maar ook het bouwen van de website in CMSMS met de nodige custom-php-aanpassingen was een erg leuke uitdaging.

Passie

Mijn passie is internet en alles wat er mee te maken heeft. Websites voor diverse devices, webstandaarden, webrichtlijnen, HTML5, CSS3, strakke code, animaties, jQuery, SEO, adaptive, responsive, apps en social media. Daarnaast ben ik gek op het uitdenken van nieuwe technieken om het gebruik van een CMS eenvoudiger en flexibeler te maken en zo het ultieme CMS te maken.

Over deze website

Deze website is ontworpen en gebouwd met als hoofddoel een HTML5/CSS3 site op te zetten die tegelijkertijd dienst doet als online CV. Er wordt geen gebruik gemaakt van een CMS, dit is pure platte html.

Toegepaste technieken

De onderstaande technieken zijn gebruikt om deze webite te realiseren:

  • HTML5
  • CSS3
  • jQuery
  • Non-javascript
  • LESS
  • Modernizr
  • HTML5shiv
  • Adaptive / Responsive layout
  • WebFonts
  • Adres Microdata
  • Valid CSS3