Portfolio

Ministerie SZW

screenshot ministerie SZW

Voor Magazine on the spot maakte ik deze E-zine voor het ministerie van SZW. De site maakt gebruik van het Kirby CMS.

Websites met aandacht

screenshot websites met aandacht

Deze site is speciaal gemaakt voor het maken van portfolio websites. De site legt nadruk op de aandacht die er is voor verschillende facetten van een portfolio website.

Iets met pit

screenshot Iets met pit

Voor deze site heb ik gebruik gemaakt van het Kirby CMS. Daarbij gebruik gemaakt van NPM en Webpack tijdens de ontwikkeling

Steef

screenshot Steef

Mijn eerste echte opdracht is het maken van een portfolio site voor acteur, regiseur, schrijver en zanger Steef Hupkes.

3-Column preview card

screenshot 3 column preview card

Dit is een challenge van Frontend Mentor.

Hierbij gebruik gemaakt van CSS custom properties zodat de je de kleur van de card maar op 1 plek hoeft te wijzigen

Profile card component

screenshot profile card component

Dit is een challenge van Frontend Mentor.

Deze was erg eenvoudig

Stats preview card

screenshot stats preview site

Dit is een challenge van Frontend Mentor. Eerste keer dat ik de mix-blend-mode en de clamp() functie gebruik.

Verder vooral gelet op het eerst goed plannen van hoe ik deze challenge zou aanpakken.

Order summary

screenshot order summary site

Dit is een challenge van Frontend Mentor. Hierbij merkte ik wel dat ik beter moet plannen hoe ik het design aanpak.

Cue 1

screenshot Cue1

Mijn eerste keer dat ik zelf code schrijf.
De maatschap waar ik voorheen voor werkte had net een nieuwe website. Dus heb ik geprobeerd die na te maken.

Showcase

3D Stuiterbal

Naar aanleiding van onderstaande YouTube film is deze stuiterbal gemaakt. Het is een goed voorbeeld van zowel CSS 3D als CSS animaties.

De cubus is ook duidelijk een inspiratiebron geweest voor de startpagina van deze site.


Met dank aan Kevin Powell

Volgpot

Dit werkt alleen op een desktop omdat het gaat om een 'cursor' grapje

Voor een website was het idee om een volgspot te maken i.p.v de cursor. De bedoeling is dat de volgspot aan gaat als de muis over een klikbaar element gaat en uit als dat niet zo is. Uiteindelijk is het niet in de website gebruikt omdat er te veel ruimte verloren gaat waarin de spot 'uit' moet zijn

Position:sticky met gouden letters

Hierin heb ik twee inspiratie bronnen gecombineerd. Als eerste heb ik gebruik gemaakt van een idee dat voorbij kwam in wederom een filmpje van Kevin Powell. Een creatief voorbeeld van het gerbuik van de CSS property 'position: sticky'. Vervolgens moest er natuurlijk iets leuks gedaan worden met de letters en heb ik een codepen van Mandy Michael gebruikt om de letters een gouden glans te geven.

Cursussen

(die ik volg of heb gevolgd...)

test

VueJS

Udemy

Vue - The complete guide (w/Router, Vuex, Composition API)

door: Maximilian Schwarzmüller

en meer...

Over Mij

Henk Langeveld

Mijn kracht als frontend developer ligt in het kunnen combineren van een goed ontwikkeld esthetisch oog (door mijn achtergrond als lichtontwerper en belichter in het theater) met een diepgaande kennis van programmeerstructuren en digitale techniek (vanuit mijn HTS achtergrond). Daarbij heb ik de pragmatische instelling dat een website in de eerste plaats vooral moet doen waar hij voor bedoeld is.

Zodoende creëer ik mooie websites die makkelijk te onderhouden zijn. En zorg ik er voor dat een gebruiker snel de informatie kan vinden die hij zoekt.

Bekijk mijn cv

Skills

HTML

CSS

JavaScript

WordPress

VueJS

Github

NPM

Contact

Om met mij in contact te komen kunt u een email sturen

  • Henk Langeveld
  • Meerkoeteiland 13
  • 2251 WV Voorschoten
  • Nederland
  • henk.langeveld@xs4all.nl