Artikelen
Praktische handleidingen over CSS, kleur en design voor ontwikkelaars en designers.
Hoe een consistente merkkleurenpalet vanaf nul op te bouwen
Een stapsgewijze gids voor het kiezen van je primaire merkkleur, het genereren van harmonieën, het controleren van WCAG-contrast en het exporteren van CSS-variabelen — met gratis PixCode-tools.
RAL vs Pantone vs HEX: welk kleursysteem moet je wanneer gebruiken
Een complete, eerlijke vergelijking van RAL-, Pantone- en HEX-kleursystemen. Technische grondslagen, toepassingen en hoe je de juiste keuze maakt voor je project.
De complete CSS Shadow gids: box-shadow, drop-shadow en text-shadow uitgelegd
Beheers alle drie CSS-schaduwtechnieken. Leer de verschillen, parameters, praktijkpatronen en prestatietips met live voorbeelden.
CSS Glassmorphism in 2025: de juiste manier om het te implementeren
Hoe glassmorphism te implementeren in 2025: backdrop-filter, WCAG-contrast, mobiele prestaties, progressieve fallback. De bijgewerkte gids met echte best practices.
px, rem, em, vh: Wanneer elke CSS-eenheid gebruiken
Praktische gids voor CSS-eenheden: wanneer px, rem, em, vh en vw gebruiken. Met uitleg over toegankelijkheid en een snelle conversietabel.
Hoe een kleurenpalet uit elke afbeelding te extraheren (en het in je ontwerp te gebruiken)
Pipet vs. automatische extractie, dominante kleuren vs. representatieve kleuren en een praktische workflow om foto's en mood boards om te zetten in een bruikbaar designsysteem — met gratis PixCode-tools.
SVG vs PNG vs WebP: de definitieve gids voor webdesigners in 2025
De eerlijke vergelijking van SVG, PNG en WebP voor elk gebruik: logo's, iconen, fotografie, illustraties, favicons en e-mail. Inclusief wanneer SVG wint ondanks een groter bestandsformaat en wanneer WebP PNG overbodig maakt.
CSS Gradients: de complete gids van linear tot conic
Beheers alle drie CSS gradient-typen — linear, radial en conic — met geavanceerde color stops, hoeken, hints en echte patronen zoals gestreepte achtergronden, gradient-tekst en mesh gradients.
HEX naar RGB: de complete conversiegids
Leer hoe je HEX-kleurcodes handmatig en met tools naar RGB-waarden converteert. Begrijp de wiskunde, praktische toepassingen en wanneer je elk formaat in CSS gebruikt.
Kleurenpalet Generator: Hoe harmonieuze kleurenschema's maken
Ontdek hoe je professionele kleurenpaletten genereert met kleurtheorie. Leer complementaire, analoge en triadische schema's en hoe je ze toepast in UI-design.
PX naar REM: de ontwikkelaarsgids voor schaalbare typografie
Beheers CSS-eenhedenconversie van px naar rem. Leer waarom rem-eenheden de toegankelijkheid verbeteren en best practices voor responsieve typografie.
Kleurcontrast: WCAG-richtlijnen voor toegankelijk design
Leer hoe je kleurcontrastverhoudingen controleert en corrigeert voor WCAG 2.1 AA/AAA-conformiteit. Tools, formules en praktische tips voor toegankelijk UI-design.
CSS Gradient Generator: complete gids voor lineaire en radiale gradiënten
Beheers CSS-gradiënten: lineair, radiaal en conisch. Leer de syntaxis, color stops, hoeken en creatieve technieken voor achtergronden, knoppen en UI-elementen.
HEX naar RAL: digitale kleuren converteren naar industriële standaarden
Leer hoe je HEX-kleuren converteert naar RAL-codes voor drukwerk, schilderwerk en productie. Begrijp Delta-E-nauwkeurigheid en wanneer digitale-naar-fysieke kleurovereenkomst ertoe doet.
Favicon Generator: complete gids voor browsericonen
Maak perfecte favicons voor alle browsers en apparaten. Leer de vereiste formaten (ICO, PNG, SVG), afmetingen en HTML-tags voor moderne favicon-implementatie.
Tints en Shades: kleurschalen bouwen voor design systems
Leer hoe je tints en shades genereert vanuit een basiskleur om professionele kleurschalen voor design systems te bouwen. Behandelt HSL-manipulatie, toegankelijkheid en Tailwind-stijl paletten.
Beeldverhouding Calculator: breedte-hoogteverhoudingen begrijpen
Beheers beeldverhoudingen voor video, afbeeldingen en responsief design. Leer 16:9, 4:3, 1:1 verhoudingen, hoe je afmetingen berekent en de CSS aspect-ratio eigenschap.
Lettertypecombinatie Gids: Hoe lettertypen effectief combineren
Leer de principes van lettertypecombinaties: contrast, hiërarchie en leesbaarheid. Ontdek klassieke combinaties, Google Fonts-paren en hoe je ze toepast in webdesign.
CSS Box Shadow: complete gids met voorbeelden
Beheers CSS box-shadow: syntaxis, meerdere schaduwen, interne schaduwen en creatieve effecten. Leer elevatiesystemen, neumorphism en prestatietips.
CSS Border Radius: vormen, blobs en creatieve hoeken
Verken CSS border-radius van eenvoudige afgeronde hoeken tot complexe blob-vormen. Leer de 8-waarden syntaxis, elliptische hoeken en creatieve UI-technieken.
Glassmorphism CSS: Hoe een glazen effect UI maken
Leer hoe je glassmorphism implementeert in CSS: backdrop-filter, blur, transparantie en border-trucs. Inclusief browserondersteuning, prestatietips en toegankelijkheid.
CSS Text Shadow: effecten, neon en typografietrucs
Beheers CSS text-shadow: syntaxis, meerdere schaduwen, neongloed, reliëfeffecten en leesbare tekst op afbeeldingen. Creatieve typografietechnieken voor modern webdesign.
Neumorphism CSS: Soft UI-designtechniek uitgelegd
Begrijp en implementeer neumorphism in CSS met dubbele box-shadows. Leer kleurvereisten, toegankelijkheidsproblemen en wanneer je deze designtrend verantwoord kunt gebruiken.
SVG naar PNG: wanneer en hoe vector naar raster converteren
Leer wanneer je SVG vs PNG gebruikt, hoe je ertussen converteert en de gevolgen voor kwaliteit, bestandsgrootte en prestaties. Inclusief resolutie- en DPI-overwegingen.
Afbeelding naar Base64: afbeeldingen coderen voor CSS en HTML
Begrijp Base64-codering voor afbeeldingen: hoe het werkt, wanneer je het in CSS data URI's en HTML gebruikt, de afweging qua bestandsgrootte en gevolgen voor browsercaching.
Lorem Ipsum: geschiedenis en gebruik in modern webdesign
Ontdek de oorsprong van Lorem Ipsum-plaatsvullertekst, waarom designers het gebruiken, alternatieven voor realistisch prototypen en best practices voor content-first design.
Base64-codering: wat het is en wanneer je het gebruikt
Diepgaande duik in Base64-codering: het algoritme, de tekenset, padding, toepassingen in webontwikkeling (data URI's, JWT, API's) en veelvoorkomende misvattingen.
JSON Formatter: JSON valideren, formatteren en begrijpen
Leer JSON-syntaxis, veelvoorkomende validatiefouten, best practices voor opmaak en hoe je JSON gebruikt in API's, configuratiebestanden en webontwikkelingsworkflows.
Unix Timestamp: Epoch-tijd begrijpen en converteren
Begrijp Unix-timestamps, Epoch-tijd en hoe je converteert tussen timestamps en leesbare datums. Essentiële kennis voor API-ontwikkeling en debugging.
Eenhedenconverter: lengte, gewicht, temperatuur en meer
Beheers eenhedenconversies voor dagelijks en wetenschappelijk gebruik: metrisch vs imperiaal, temperatuurformules, lengte, gewicht en oppervlakte. Inclusief snelle referentieformules.
CSS Filter: blur, helderheid en afbeeldingseffecten uitgelegd
Beheers CSS filter-functies: blur, brightness, contrast, grayscale, hue-rotate, saturate en meer. Leer Instagram-achtige filters en hover-effecten maken.
Kleurenblindheid in UI-design: toegankelijke kleurkeuzes
Ontwerp voor kleurenblindheid: begrijp deuteranopie, protanopie, tritanopie en hoe je je UI test en verbetert voor de 8% van de mannen die ermee te maken heeft. Tools en praktische tips.
De psychologie van kleur in UI-design: wat het onderzoek echt zegt
De meeste artikelen over kleurpsychologie herhalen vage algemeenheden. Dit artikel citeert echte onderzoeken — rood en urgentie, blauw en vertrouwen, groen en actie — en past ze toe op praktische UI-designbeslissingen.