<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Artikelen van admin | Nixo News</title>
	<atom:link href="https://nixonews.nl/author/seppstokbroekx_022ajacc/feed/" rel="self" type="application/rss+xml" />
	<link>https://nixonews.nl</link>
	<description>Het laatste nieuws over AI, Webdesign en Development</description>
	<lastBuildDate>Tue, 19 May 2026 16:22:05 +0000</lastBuildDate>
	<language>nl-NL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>DESIGN.md: zo zet je een design system op voor AI-tools</title>
		<link>https://nixonews.nl/design-md-consistente-ai-designs-workflow/</link>
					<comments>https://nixonews.nl/design-md-consistente-ai-designs-workflow/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 07 May 2026 15:04:04 +0000</pubDate>
				<category><![CDATA[UX Trends]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[AI design]]></category>
		<category><![CDATA[AI tools]]></category>
		<category><![CDATA[consistentie]]></category>
		<category><![CDATA[design system]]></category>
		<category><![CDATA[DESIGN.md]]></category>
		<category><![CDATA[figma]]></category>
		<category><![CDATA[huisstijl]]></category>
		<category><![CDATA[ondernemers]]></category>
		<category><![CDATA[UI design]]></category>
		<category><![CDATA[webdesign tips]]></category>
		<guid isPermaLink="false">https://nixonews.nl/design-md-consistente-ai-designs-workflow/</guid>

					<description><![CDATA[AI-tools leveren elke keer iets anders op. Met DESIGN.md leg je in één tekstbestand vast hoe jouw merk eruitziet. Hier een werkend voorbeeld.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> Een <a href="/webdesign-voor-ondernemers/">design system</a> opzetten voor AI-tools doe je het snelst met een DESIGN.md-bestand. Eén tekstbestand met je kleuren als hex-codes, je fonts en drie tot vijf stijlregels. Je plakt de inhoud in elke AI-prompt die iets visueels maakt. Resultaat: geen willekeurig AI-design meer, maar consistente output die er elke keer hetzelfde uitziet.</p>
<h2>Het probleem: AI-tools missen context van jouw merk</h2>
<p>Je laat een AI een banner of UI maken en krijgt drie keer iets anders terug. Andere kleur, ander gevoel. Niet jouw stijl. Dat is geen bug. AI-tools werken op basis van wat je ze geeft. Zonder merkinformatie gokken ze op iets generieks.</p>
<p>Bij mijn klanten zie ik dit elke week. Vorige week kwam een klant in de hospitality bij me met drie social-posts uit een AI-tool: drie keer dezelfde prompt, drie keer een ander oranje. Hij dacht eerst dat het aan zijn ogen lag ,  tot ik de hex-codes naast elkaar zette en hij het verschil zwart-op-wit zag.</p>
<p>De fout zit niet in de tool, hij zit in het gebrek aan context. Bij Midjourney, <a href="/claude-figma-code-genereren-design-systems/">Claude</a>, ChatGPT en <a href="https://help.figma.com/hc/en-us" rel="noopener" target="_blank">Figma</a> AI werkt het allemaal zo. Geen merkinformatie? Dan gokken ze. DESIGN.md vult die context in één keer in en houdt hem voor elke volgende prompt vast.</p>
<h2>Wat DESIGN.md is en waarom het werkt</h2>
<p>DESIGN.md is een tekstbestand met je merkinfo in een formaat dat AI direct begrijpt. Geen formeel document. Geen technische specificatie. Kleuren als hex-codes, fontnamen, een paar stijlsteekwoorden, korte componentbeschrijvingen. Eén tot twee pagina&#039;s max.</p>
<p>Ik gebruik dit zelf voor elk klantproject sinds een half jaar. Het scheelt me makkelijk een uur per ontwerpronde aan corrigeren en herhalen. Werkt in elke AI-tool die tekst als input accepteert: ChatGPT, Claude, Midjourney, Figma AI, Cursor, Lovable.</p>
<p>Het bestand zelf hoef je nergens te uploaden. Je plakt de inhoud aan het begin van je prompt, daarna pas komt je opdracht. Resultaat: consistente output die er elke keer hetzelfde uitziet.</p>
<h2>De vier basissecties die je opschrijft</h2>
<p>Vier secties zijn genoeg. Kleuren als hex-codes (niet &quot;donkerblauw&quot; maar #0A1F44). Fonts met gewicht (&quot;Inter Regular 400&quot;). Drie tot vijf stijlsteekwoorden. Korte componentbeschrijvingen voor je terugkerende UI-elementen.</p>
<p>Concrete waarden zijn het belangrijkst. Niet &#8220;warm oranje&#8221; maar #F5821F. Niet &#8220;modern blauw&#8221; maar #0A1F44. AI vertaalt jouw woorden naar pixels, en die vertaling werkt alleen voorspelbaar bij exacte waarden.</p>
<p>Mijn eigen fout in het begin: te veel willen vastleggen. Ik schreef pagina&#8217;s vol met uitzonderingen, edge cases en gedragsregels per component. De AI raakte juist meer in de war en mengde regels door elkaar. Sinds ik me beperk tot een halve A4 met alleen de essentials, werkt het tien keer beter.</p>
<p>Voor componenten geef je één regel per type: &#8220;Primaire knop: oranje achtergrond, witte tekst, 4px border-radius, geen schaduw.&#8221; Dat is genoeg. Te veel detail laat de AI dwalen.</p>
<h2>Werkend voorbeeld: DESIGN.md voor een bouwbedrijf</h2>
<p>Dit is de DESIGN.md die ik gebruik voor een klant in de bouw. Concreet, in dezelfde structuur die ik altijd hanteer. Gebruik &#039;m als template: vervang de waarden door die van jou en je hebt binnen tien minuten een werkend bestand.</p>
<p>De fictieve klant heet &#8220;Bouwbedrijf Janssen&#8221;. De structuur hieronder werkt 1-op-1 voor elke andere branche, alleen de waarden verschillen.</p>
<pre><code># DESIGN.md ,  Bouwbedrijf Janssen

## Kleuren
- Primair: #1B3A57 (donkerblauw, voor headers en knoppen)
- Accent: #E8A33D (warm geel-oranje, voor CTA's en hover-states)
- Tekst: #1A1A1A op #FFFFFF
- Achtergrond licht: #F5F2ED (gebroken wit, geen plat wit)
- Lijnen en borders: #D4CFC4

## Typografie
- Headings: Montserrat SemiBold 600
- Body: Inter Regular 400
- Captions: Inter Light 300, 14px
- Knoppen: Montserrat Medium 500, all caps

## Stijl in steekwoorden
Solide, ambachtelijk, betrouwbaar, ruime witregels, geen schaduwen, foto's altijd warm-getint.

## Componenten
- Primaire knop: #1B3A57 achtergrond, witte tekst, 4px border-radius, hover #E8A33D
- Secundaire knop: transparant, 1px border #1B3A57, blauwe tekst
- Kaart: #FFFFFF achtergrond, 8px border-radius, 1px border #D4CFC4, geen schaduw
- Foto's: altijd 16:9, warme tint via 5% sepia-overlay

## Tone of voice
Direct, geen jargon, jij/je-vorm, korte zinnen. Vermijd: "innovatief", "passie", "kwaliteit". Gebruik: "we bouwen", "we leveren op tijd".</code></pre>
<p>Plak deze inhoud aan het begin van je prompt en je AI-tool weet direct wat hij wel en niet moet doen. Een UI-generator levert nu een knop op met #1B3A57, niet met een willekeurig blauw.</p>
<h2>Hoe je DESIGN.md in de praktijk gebruikt</h2>
<p>In de praktijk: open je AI-tool, plak de DESIGN.md, daarna pas je opdracht. Werkt voor afbeeldingen, UI, code en zelfs teksten als je een tone of voice-sectie toevoegt. Maak twee versies: een korte voor snelle prompts, een complete voor diepere opdrachten.</p>
<p>Voorbeeld voor een UI-generator: &#8220;[DESIGN.md inhoud] Maak nu een contactformulier met deze stijl. Velden: naam, e-mail, bericht.&#8221; Je krijgt een formulier in jouw kleuren, met jouw font, met de juiste border-radius. Geen willekeur meer.</p>
<p>Voor afbeeldingsgeneratoren werk je met een ingedikte versie. Niet de hele DESIGN.md, alleen de relevante regels: primaire en accent-kleur, drie stijl-steekwoorden, eventuele foto-stijl. Vier regels meegeven werkt vaak beter dan twintig.</p>
<p>Voor AI-codeertools zoals <a href="https://nixonews.nl/ai-code-editor-cursor-windsurf-zed-vergelijking/">Cursor of Claude Code</a> sla je het bestand op in je projectmap. Tools die met repositorybestanden werken pikken het automatisch op als context. Wat ik bij klanten doe: bouw DESIGN.md in de eerste week van een project en sla hem op naast de README. Geen overleg meer over kleuren, geen &#8220;welk geel was het ook alweer?&#8221;. Het bestand is de bron van waarheid.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/design-md-consistente-ai-designs-workflow/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Developer rol AI-tijdperk: wat ik er zelf van merk in 2026</title>
		<link>https://nixonews.nl/developer-rol-ai-tijdperk-veranderingen/</link>
					<comments>https://nixonews.nl/developer-rol-ai-tijdperk-veranderingen/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 07 May 2026 10:50:35 +0000</pubDate>
				<category><![CDATA[AI Development]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[AI agents]]></category>
		<category><![CDATA[ai development]]></category>
		<category><![CDATA[AI tools]]></category>
		<category><![CDATA[code review]]></category>
		<category><![CDATA[developer rol]]></category>
		<category><![CDATA[junior developer]]></category>
		<category><![CDATA[prompt engineering]]></category>
		<category><![CDATA[security]]></category>
		<category><![CDATA[systeemontwerp]]></category>
		<category><![CDATA[toekomst development]]></category>
		<guid isPermaLink="false">https://nixonews.nl/developer-rol-ai-tijdperk-veranderingen/</guid>

					<description><![CDATA[AI schrijft al code, reviewt pull requests en genereert tests. Wat blijft er over voor developers? Ik werk er dagelijks mee. Dit verandert er echt.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> De developer rol <a href="/ai-tools-ondernemers/">AI</a> verandert: minder regels typen, meer architectuur, meer kritisch reviewen. Ik werk er zelf dagelijks mee in mijn klantprojecten. De skills die nu zwaarder wegen zijn systeemontwerp, security-bewustzijn, AI-output kunnen beoordelen en heldere specificaties kunnen schrijven. De rol verdwijnt niet, hij verschuift naar het werk dat AI niet zelf kan.</p>
<h2>Wat ik in mijn eigen werk zie veranderen</h2>
<p>Ik ben zelf developer en ik werk dagelijks met AI-tools voor klantprojecten. Het verschil met twee jaar geleden: ik typ minder code, ik review meer. Ik schrijf minder algoritmes, ik schrijf meer specificaties. De rol is niet kleiner geworden, hij is verschoven. Wie nog elke regel zelf wil typen omdat dat &quot;echt programmeren&quot; is, loopt achter.</p>
<p>Twee jaar geleden begon ik een feature met een lege editor en een idee. Nu begin ik met een prompt: hier is de huidige code, hier is wat ik wil, schrijf de eerste versie. De AI tikt het in 30 seconden uit. Daarna komt mijn werk: kloppen de assumpties, zit er geen verzonnen library in, hoe gaat dit zich gedragen onder load.</p>
<p>Niet elke developer ervaart dit zo. Sommige collega&#8217;s negeren AI bewust. Anderen accepteren elke gegenereerde regel klakkeloos. Beiden lopen risico. De eerste groep raakt achter omdat AI-tools zo sterk worden dat handmatig coderen straks duurder is. De tweede groep stopt productie-bugs in hun software omdat ze de output niet snappen.</p>
<p>Wat blijft, en zelfs belangrijker is geworden: weten waarom code werkt. Niet alleen of het werkt. Bij mijn klanten zie ik dat de developers die het beste presteren, de developers zijn die kritisch lezen en doorvragen op de output. Niet de developers die het hardst typen.</p>
<h2>Welke skills écht waarde toevoegen in 2026</h2>
<p>Architectuur, systeemontwerp, security en het schrijven van heldere specificaties. Dat is waar de waarde nu zit. AI bouwt componenten, jij ontwerpt het systeem. AI schrijft de query, jij beoordeelt of de query veilig is. Skills die niet goed door AI worden ingevuld zijn de skills die je doelgericht moet bijspijkeren.</p>
<p>De skills die in mijn ervaring nu het zwaarst wegen, in volgorde:</p>
<p><strong>Systeemontwerp.</strong> Een AI kan een loginscherm bouwen, maar niet bedenken hoe authenticatie samenhangt met sessions, met de cache-laag, met de e-mailprovider, met je hosting. Dat overzicht moet uit een mensenhoofd komen.</p>
<p><strong>Code reviewen met aandacht voor wat er níét staat.</strong> AI vergeet edge cases. AI verzint soms dependencies die niet bestaan. AI gebruikt soms verouderde APIs. Een goede review controleert wat ontbreekt, niet alleen wat er staat.</p>
<p><strong>Security en privacy.</strong> AI-tools genereren regelmatig code met onveilige defaults: hardcoded secrets, ontbrekende input-sanitisatie, te brede CORS-headers. Wie dat herkent, voorkomt incidenten. De <a href="https://www.autoriteitpersoonsgegevens.nl/themas/algoritmes-ai" target="_blank" rel="noopener noreferrer">Autoriteit Persoonsgegevens publiceerde richtlijnen voor AI-gebruik</a> waar elke developer met klantdata mee bekend hoort te zijn.</p>
<p><strong>Specificaties schrijven.</strong> Een AI doet alleen wat je vraagt, en een vage vraag levert vage code op. Helder kunnen formuleren wat je wilt is geen managers-skill meer maar core developer-werk.</p>
<h2>Wat dit betekent als jij een developer of freelancer inhuurt</h2>
<p>Ondernemers die freelance-developers of een dev-team inhuren, kijken nu naar andere signalen dan vijf jaar geleden. Niet meer &quot;kan deze persoon snel typen&quot;, maar &quot;begrijpt deze persoon mijn business en kan hij de AI-output beoordelen&quot;. Een developer die alle code uit ChatGPT haalt zonder review levert je een tijdbom. Een developer die AI bewust inzet en de output kritisch leest, levert je in dezelfde tijd meer waarde op.</p>
<p>Drie concrete dingen die je nu anders moet doen bij het inhuren of werken met developers:</p>
<p><strong>Vraag naar AI-werkwijze, niet naar AI-vermijding.</strong> Iemand die zegt &quot;ik gebruik geen AI&quot; is in 2026 vaak duurder dan iemand die het slim inzet. Niet omdat AI gratis is, maar omdat de eerste groep langer doet over hetzelfde werk. Vraag liever: hoe gebruik je AI in je workflow, en wat doe je om niet in valkuilen te trappen.</p>
<p><strong>Reken op review-tijd, niet alleen bouwtijd.</strong> Vroeger schatten developers bouwtijd. Nu is bouwtijd korter en review-tijd langer. Een feature van twee weken oude stijl is misschien drie dagen bouwen plus drie dagen review. Plan beide in.</p>
<p><strong>Eis documentatie van AI-keuzes.</strong> Welke libraries gebruikt de developer, welke daarvan zijn AI-suggesties, en welke tests zitten erop. Dit is je verzekering voor als de developer wegloopt en jij straks zelf de code moet onderhouden of overdragen.</p>
<h2>Wat ik adviseer aan junior developers en ondernemers met een dev-team</h2>
<p>Junior developers: leer de fundamenten zoals datastructuren, algoritmen en systeemontwerp. Daar bouw je je AI-werk bovenop. Ondernemers met een dev-team: investeer in pair-programming en code-review-cultuur, niet in meer AI-licenties. Tools maken het werk niet beter, kritisch denken doet dat.</p>
<p>Voor junior developers die net beginnen: laat AI niet je leerproces overnemen. Genereer code, ontleed hem, schrijf hem opnieuw vanaf scratch zonder AI, vergelijk. Dat is hoe je AI gebruikt om sneller te leren in plaats van langzamer.</p>
<p>Voor ondernemers met een eigen dev-team of freelance-developers: de grootste winst zit niet in betere tools maar in betere werkprocessen. Een uur per week pair-programmen levert meer op dan een nieuwe AI-licentie. Een verplichte code-review op AI-gegenereerde features voorkomt incidenten die je later weken kosten.</p>
<p>Voor ZZP&#8217;ers die zelf bouwen: het is geen schande om de AI te gebruiken voor je klantenwebsite. Het is wel een probleem om de output blind te plaatsen. Schrijf een korte review-checklist en ren die door op alles wat AI voor je maakt: input-validatie, foutmeldingen, edge cases, security-headers. Vijf minuten controle voorkomt een uur incident-respons.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/developer-rol-ai-tijdperk-veranderingen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Claude Code limieten verhoogd: wat het in de praktijk verandert</title>
		<link>https://nixonews.nl/claude-code-onbeperkte-capaciteit-spacex-deal/</link>
					<comments>https://nixonews.nl/claude-code-onbeperkte-capaciteit-spacex-deal/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 07 May 2026 05:25:31 +0000</pubDate>
				<category><![CDATA[Artificial Intelligence]]></category>
		<category><![CDATA[ai development]]></category>
		<category><![CDATA[Anthropic]]></category>
		<category><![CDATA[claude]]></category>
		<category><![CDATA[spacex]]></category>
		<guid isPermaLink="false">https://nixonews.nl/claude-code-onbeperkte-capaciteit-spacex-deal/</guid>

					<description><![CDATA[Anthropic heeft de gebruikslimieten van Claude Code opgerekt na grote enterprise-deals. Of jij dat merkt, ligt aan hoe je hem gebruikt.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> <a href="https://www.anthropic.com/news" rel="noopener" target="_blank">Anthropic</a> heeft de gebruikslimieten van <a href="/ai-tools-ondernemers/">Claude Code</a> verhoogd na nieuwe enterprise-deals. Voor solo-developers en kleine teams verandert er in de praktijk weinig: ik liep de oude limieten zelf bijna nooit aan. Voor wie hele dagen door codet of grote codebases volledig laat refactoren is het wel goed nieuws, minder ratelimit-meldingen, langer doorwerken in één sessie.</p>
<h2>Wat is er precies veranderd</h2>
<p>Anthropic heeft de capaciteit voor Claude Code uitgebreid na deals met grote afnemers. Concreet betekent dat hogere usage-limieten op alle abonnementsniveaus, plus minder snel ratelimit-fouten tijdens lange coding-sessies.</p>
<p>De aanleiding is enterprise-vraag: SpaceX en een paar andere grote afnemers hebben deals gesloten die de capaciteit aan de Anthropic-kant flink omhoog hebben getrokken. Die extra ruimte komt deels ook beschikbaar voor de gewone Pro- en Max-abonnementen.</p>
<p>Eerlijk gezegd merkte ik de oude limieten alleen wanneer ik een hele middag aan één klantproject werkte met veel grote files in context. Wie Claude Code een paar keer per dag gebruikt voor losse vragen, loopt ze nooit aan. Voor de zware gebruikers verandert het wel iets.</p>
<h2>Voor wie is dit relevant</h2>
<p>Vooral voor developers die Claude Code als hoofdtool gebruiken bij grote refactors of in agentische workflows met meerdere parallelle taken. Voor occasionele gebruikers is het verschil nauwelijks merkbaar.</p>
<p>Bij mijn klanten zie ik dat de meeste developers Claude Code een paar uur per dag inzetten, met regelmatige pauzes. Die groep merkt geen verschil, want zij hebben de limieten zelden geraakt.</p>
<p>Wat wel verandert: agentische workflows die zelfstandig meerdere stappen uitvoeren (lees, schrijf, test, commit) werken nu langer door zonder onderbreking. Dat is winst voor wie Claude in CI/CD-pijplijnen gebruikt of als achtergrond-assistent op meerdere repositories tegelijk laat draaien.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/claude-code-onbeperkte-capaciteit-spacex-deal/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Google stopt Project Mariner: wat ik daarvan vond als gebruiker</title>
		<link>https://nixonews.nl/google-stopt-project-mariner-ai-browser/</link>
					<comments>https://nixonews.nl/google-stopt-project-mariner-ai-browser/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 07 May 2026 05:21:36 +0000</pubDate>
				<category><![CDATA[AI Assistenten]]></category>
		<category><![CDATA[Artificial Intelligence]]></category>
		<category><![CDATA[ai-browsers]]></category>
		<category><![CDATA[automatisering]]></category>
		<category><![CDATA[gemini]]></category>
		<category><![CDATA[Google AI]]></category>
		<guid isPermaLink="false">https://nixonews.nl/google-stopt-project-mariner-ai-browser/</guid>

					<description><![CDATA[Google heeft Project Mariner stopgezet. Ik heb het een tijdje getest, dus laat me delen wat ik miste én wat in de plaats kwam.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> Google heeft Project Mariner stopgezet op 4 mei 2026. Mariner was een experimentele <a href="/ai-tools-ondernemers/">AI-browser</a> die zelfstandig taken kon uitvoeren op websites. Wat in de plaats kwam: Gemini Agent en de uitbreidingen binnen Google Search. Voor ondernemers betekent dit: geen losstaande tool meer, wel meer AI-automatisering in de Google-diensten die je waarschijnlijk al gebruikt.</p>
<h2>Wat Mariner was en wat het deed</h2>
<p>Project Mariner was een Chrome-extensie die je AI-opdrachten kon geven in natuurlijke taal: &quot;vergelijk deze drie webshops op prijs&quot;, &quot;vul dit formulier in met mijn gegevens&quot;, &quot;boek deze vlucht&quot;. De AI navigeerde dan zelfstandig door websites om de taak uit te voeren.</p>
<p>Ik heb Mariner een paar weken getest in december 2025. Mijn favoriete use-case: prijsvergelijking. Geef de opdracht &quot;vergelijk drie hosting-aanbieders op prijs en maandelijkse limieten&quot;, laat hem doen, krijg een overzichtje terug. Werkte beter dan ik had verwacht.</p>
<p>Wat minder werkte: alles wat met inloggen of betalen te maken had. Mariner stopte vaak halverwege omdat de site een captcha gaf, of hij twijfelde of hij wel met je accountgegevens mocht werken. Begrijpelijk vanuit veiligheidsperspectief, frustrerend in de praktijk.</p>
<h2>Waar de functionaliteit naartoe is verhuisd</h2>
<p>De agent-features zijn opgegaan in Gemini Agent (de chatbot die ook taken kan uitvoeren) en in Google Search (waar AI-Overviews ook meer taken uitvoeren). Voor de gewone gebruiker is dat een verbetering: minder losse tools, meer geïntegreerd.</p>
<p>Wie Mariner miste vindt het meeste terug in Gemini Agent. Het kan vergelijkbare taken: prijzen vergelijken, samenvattingen maken van meerdere bronnen, simpele formulieren invullen. De agent leeft binnen de Gemini-app of -webinterface, niet als browserextensie.</p>
<p>De andere kant: Google Search zelf wordt agentischer. Als je iets vraagt zoals &quot;wat is de beste hosting voor een WordPress-site&quot;, krijg je geen lijstje meer maar een uitgewerkt antwoord met directe links. Dat is voor ondernemers waarschijnlijk het meest direct merkbare verschil.</p>
<h2>Wat dit zegt over Google&#039;s AI-strategie</h2>
<p>Google bundelt zijn AI-experimenten richting twee productlijnen: Gemini en Search. Losse experimenten zoals Mariner verdwijnen of worden geïntegreerd. Dat is goed nieuws voor focus, minder goed nieuws voor wie graag met early-stage tools werkt.</p>
<p>Een paar jaar geleden had Google soms drie verschillende AI-producten die hetzelfde leken te doen. Inmiddels lijkt het bedrijf intern de keuze gemaakt te hebben: Gemini is de assistent, Search is de antwoordmachine, en alles wat daar niet in past wordt opgegaan of opgeheven.</p>
<p>Wat je hier als ondernemer aan hebt: je hoeft minder verschillende Google-tools tegelijk in de gaten te houden. Wat je niet meer hebt: de speeltuin van early-stage experimentele tools zoals Mariner. Wie van die fase houdt zit beter bij Anthropic of OpenAI, die nog wel rauwere bèta-features uitbrengen.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/google-stopt-project-mariner-ai-browser/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AI implementatie kosten: waar het geld écht heen gaat</title>
		<link>https://nixonews.nl/ai-implementatie-kosten-meer-dan-techniek/</link>
					<comments>https://nixonews.nl/ai-implementatie-kosten-meer-dan-techniek/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 05 May 2026 19:00:00 +0000</pubDate>
				<category><![CDATA[AI Implementatie]]></category>
		<category><![CDATA[Artificial Intelligence]]></category>
		<category><![CDATA[ai-implementatie]]></category>
		<category><![CDATA[bedrijfsstrategie]]></category>
		<category><![CDATA[kosten]]></category>
		<category><![CDATA[microsoft-copilot]]></category>
		<guid isPermaLink="false">https://nixonews.nl/?p=252</guid>

					<description><![CDATA[De softwarekosten van AI zijn maar de helft van het verhaal. Tijd, training en aanpassing kosten vaak meer. Mijn ervaring uit klantprojecten.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> <a href="/ai-tools-ondernemers/">AI</a> implementatie kosten zitten voor het grootste deel niet in de software, maar in de uren eromheen. Bij een klant van mij viel de Claude-licentie in het niet vergeleken met de tijd om processen te herontwerpen, mensen te trainen en de AI in bestaande systemen te haken. Reken voor een serieuze invoering op tweemaal tot vijfmaal de softwarekosten extra, afhankelijk van hoe groot de aanpassing is.</p>
<h2>Het kostenplaatje dat klanten verrast</h2>
<p>De software is goedkoop. Een AI-tool kost per medewerker meestal tussen de 20 en 50 euro per maand. Wat klanten verrast: de tijd om de tool zinvol in hun werkproces te krijgen kost vaak meer dan de licentie zelf.</p>
<p>Vorig jaar adviseerde ik een ondernemer met acht medewerkers over een AI-schrijftool voor de klantenservice. De licentie was 35 euro per gebruiker per maand. Hij dacht dat hij voor 280 euro per maand klaar was.</p>
<p>De realiteit: drie weken om het team te trainen, twee dagen om de tool aan zijn helpdesk-systeem te knopen, en daarna nog wekelijks bijsturen omdat de AI antwoorden gaf die niet bij zijn merkstem pasten. Bij elkaar zat er aan zijn kant zo&#8217;n 40 uur in voor hij de tool echt productief had.</p>
<p>Niet ongewoon. Bij vrijwel elke klant die ik begeleid is de implementatietijd het grootste kostenpost, niet de tool zelf.</p>
<h2>Waarom Anthropic en OpenAI nu consultancy aanbieden</h2>
<p>Beide grote AI-bedrijven zijn aparte takken gestart die ondernemingen helpen met implementatie. Niet omdat hun tooling zo moeilijk is, maar omdat de implementatie-uren vaak buiten hun klanten hun bereik vallen.</p>
<p>Anthropic en OpenAI hebben in 2026 elk een professional services arm opgetuigd. Voor enterprise-klanten heel logisch: een MKB-bedrijf dat ChatGPT op zijn factuurproces wil zetten, weet vaak niet waar te beginnen.</p>
<p>Voor de gemiddelde Nederlandse ondernemer is dit pakket waarschijnlijk te zwaar (en te duur, denk in tonnen, niet in honderden euro&#8217;s). Maar het signaal is wel duidelijk: de AI-bedrijven zelf erkennen dat hun software alleen niet genoeg is om resultaat te halen. Daar zit een hint voor jou: investeer ook in begeleiding aan jouw kant.</p>
<h2>Wat dit betekent voor je budget-planning</h2>
<p>Plan voor elke AI-tool drie kostenposten: de licentie, de implementatie-uren en het onderhoud. Vergeet de derde post niet, die telt jaar na jaar door.</p>
<p>Mijn vuistregel als ik klanten een AI-tool aanraad:</p>
<p><strong>Licentie</strong>: wat het bedrijf op de website vraagt, per maand maal twaalf.</p>
<p><strong>Implementatie</strong>: tussen tweemaal en vijfmaal de jaarlicentie. Twee voor een eenvoudige use-case zoals klantenservice-mails, vijf voor iets dat in meerdere systemen moet haken.</p>
<p><strong>Onderhoud</strong>: minimaal 10 procent van de jaarlicentie per kwartaal. Modellen veranderen, prompts moeten bijgewerkt, integraties breken. Dit kostenpost vergeten klanten consequent en het wreekt zich na zes maanden.</p>
<h2>Mijn werkwijze bij klanten</h2>
<p>Ik adviseer klanten altijd om eerst klein te beginnen: één proces, één tool, drie maanden uitproberen. Pas daarna opschalen. Dat voorkomt dat je vastzit aan een dure tool die niet bij je werk past.</p>
<p>Wat ik zelf doe bij elke klant: we kiezen één proces dat duidelijk afgebakend is en waar de pijn voelbaar is. Vaak klantenservice of routinematige tekstwerk. Daar zetten we drie maanden lang één AI-tool op, met een vast budget voor zowel software als implementatie.</p>
<p>Na drie maanden meten we: scheelt het echt tijd, klopt de kwaliteit, vinden de medewerkers het werkbaar. Pas als het antwoord drie keer ja is, breiden we uit. Dat scheelt veel achteraf-wisselen, en het maakt de echte kosten zichtbaar voordat je je hele bedrijf eraan vasthecht.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/ai-implementatie-kosten-meer-dan-techniek/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Website toegankelijkheid voor ondernemers: waar ik bij klanten mee begin</title>
		<link>https://nixonews.nl/website-toegankelijkheid-ondernemers-inclusief-ontwerpen/</link>
					<comments>https://nixonews.nl/website-toegankelijkheid-ondernemers-inclusief-ontwerpen/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 24 Apr 2026 22:49:37 +0000</pubDate>
				<category><![CDATA[Toegankelijkheid]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[gebruikerservaring]]></category>
		<category><![CDATA[inclusief-ontwerpen]]></category>
		<category><![CDATA[toegankelijkheid]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://nixonews.nl/?p=210</guid>

					<description><![CDATA[Toegankelijkheid voelt vaak als een technisch dossier. Bij mij begint het bij een simpele vraag: kan elke bezoeker je site gebruiken? Mijn aanpak voor MKB.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> <a href="/webdesign-voor-ondernemers/">Website toegankelijkheid</a> betekent dat iedereen je site kan gebruiken, ook bezoekers met een visuele beperking, gehoorprobleem of cognitieve uitdaging. Bij mijn klanten begin ik met drie checks: kun je de site bedienen zonder muis (alleen toetsenbord), is de tekst leesbaar bij elke schermgrootte, en zijn de kleuren voldoende contrastrijk. Met die drie checks vang je 70 procent van de echte issues. De resterende 30 procent vraagt om een bredere audit, en dat is werk dat zich altijd terugbetaalt in bredere doelgroep en betere SEO.</p>
<h2>De klant die me hier serieus over leerde nadenken</h2>
<p>Vorig jaar bouwde ik een MKB-site af waar de klant na lancering een feedback-mail kreeg van een potentiële koper: hij kon de bestelflow niet voltooien met zijn screenreader. Die mail was confronterend en heeft hoe ik nu werk veranderd.</p>
<p>Ik dacht dat ik het goed deed. ARIA-labels op de juiste plek, semantische HTML, focus-states. Maar in de echte test bleek dat één formulier-stap met een dropdown gewoon niet aan te roepen was zonder muis. Ik had het zelf nooit getest, want ik gebruik altijd een muis.</p>
<p>Sinds die mail test ik elke nieuwe site met alleen het toetsenbord, en open ik VoiceOver of NVDA op mijn machine voor minimaal vijf minuten per project. Niet omdat het verplicht is (dat is het in 2026 wel), maar omdat ik niet meer iemand wil weigeren die mijn site wel zou willen gebruiken.</p>
<h2>De drie checks die ik standaard doe</h2>
<p>Toetsenbord-navigatie (met Tab door alle interacties heen), tekstgrootte (vergroten tot 200 procent zonder dat de layout breekt), en kleurcontrast (controleren met een tool zoals WebAIM Contrast Checker). Drie minuten werk per pagina, vangt de meeste issues.</p>
<p>Mijn workflow per pagina, in volgorde: <strong>één:</strong> klik op het eerste interactieve element, druk Tab tot ik op het laatste interactieve element ben. Werkt elke link, elk formulier, elke knop? <strong>Twee:</strong> in browser-instellingen tekst op 200 procent zetten en kijken of er nog iets afgeknipt of overlappend is. <strong>Drie:</strong> elke tekst-kleur tegen elke achtergrond-kleur door de WebAIM-checker halen. Eis: minimaal AA-niveau (4.5:1 voor body-tekst).</p>
<p>Bij mijn klanten levert deze drie-check meestal vier tot acht concrete issues op een nieuwe site. Lost de helft op met simpele CSS-aanpassingen, andere helft vraagt om kleine HTML-aanpassingen.</p>
<h2>Wat klanten vaak niet beseffen over de doelgroep</h2>
<p>In Nederland heeft ongeveer 1 op de 8 mensen een vorm van beperking die hun online ervaring beïnvloedt. Dat is geen niche-doelgroep, dat is een ander klantsegment dat je nu mogelijk niet bereikt. Voor MKB-bedrijven is dat een reëel commercieel argument naast het ethische.</p>
<p>Wat ik bij klanten zie: ondernemers denken vaak dat toegankelijkheid alleen over blinde mensen gaat. In de praktijk gaat het ook over mensen met dyslexie (waar leesbare typografie veel uitmaakt), mensen met motorische beperkingen (waar grote klikvlakken cruciaal zijn), en oudere bezoekers (waar contrast en lettergrootte het verschil maken).</p>
<p>Voor een MKB-site met 1.000 bezoekers per maand betekent dit dat 100 tot 150 mensen een aangepaste ervaring nodig hebben om optimaal te functioneren. Wie die groep negeert laat een serieus stuk omzet liggen, en dat is naast de wettelijke verplichting (<a href="https://www.accessibility.nl/over-toegankelijkheid/wet-en-regelgeving/tijdelijk-besluit-digitale-toegankelijkheid" rel="noopener" target="_blank">EN 301 549</a>) een commercieel argument.</p>
<h2>Wat ik klanten meegeef voor zelfonderhoud</h2>
<p>Een korte checklist van vijf punten die ze elke nieuwe pagina kunnen aflopen. Plus duidelijke regels voor afbeeldingen (altijd alt-tekst), formulieren (altijd labels) en video (altijd ondertitels). Het gaat niet om perfectie, het gaat om consistentie.</p>
<p>Mijn standaard-checklist die ik elke klant in een PDF meegeef: <strong>één:</strong> elke afbeelding heeft een beschrijvende alt-tekst (geen &#8220;afbeelding van&#8221; voor de zekerheid). <strong>Twee:</strong> elke videobestand heeft ondertitels of een geschreven samenvatting. <strong>Drie:</strong> elk formulier-veld heeft een zichtbaar label, niet alleen een placeholder. <strong>Vier:</strong> elke link heeft een tekst die los van de context begrijpelijk is (geen &#8220;klik hier&#8221;). <strong>Vijf:</strong> elke knop is groot genoeg om met een vinger te raken (44&#215;44 pixels minimum).</p>
<p>Vijf regels, drie minuten per pagina. Het is geen <a href="https://www.w3.org/TR/WCAG22/" rel="noopener" target="_blank">complete WCAG-audit</a>, maar voor een MKB-bedrijf dat zelf content beheert is dit een prima dagelijkse ondergrens.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/website-toegankelijkheid-ondernemers-inclusief-ontwerpen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AI code editor kiezen: Cursor, Windsurf of Zed in 2026?</title>
		<link>https://nixonews.nl/ai-code-editor-cursor-windsurf-zed-vergelijking/</link>
					<comments>https://nixonews.nl/ai-code-editor-cursor-windsurf-zed-vergelijking/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 22 Apr 2026 09:56:56 +0000</pubDate>
				<category><![CDATA[Development Tools]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[AI agents]]></category>
		<category><![CDATA[ai development]]></category>
		<category><![CDATA[code editor]]></category>
		<category><![CDATA[productiviteit]]></category>
		<guid isPermaLink="false">https://nixonews.nl/?p=198</guid>

					<description><![CDATA[Drie AI-code-editors, drie verschillende karakters. Welke past bij hoe jij werkt? Mijn ervaring na een half jaar met alle drie naast elkaar.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> Voor de meeste developers is <a href="https://cursor.com" rel="noopener" target="_blank">Cursor</a> de beste <a href="/ai-tools-ondernemers/">AI code editor</a>: het werkt direct goed zonder configuratie en de AI-integratie is volwassen. <a href="https://windsurf.com" rel="noopener" target="_blank">Windsurf</a> is interessant als je veel autonome agentische taken laat draaien, voor 15 euro per maand. <a href="https://zed.dev" rel="noopener" target="_blank">Zed</a> is razendsnel maar nog ruw aan de randen. Ik gebruik Cursor zelf dagelijks voor klantprojecten, en Zed open ik soms voor snelle bewerkingen op grote files.</p>
<h2>Cursor: de veilige keuze die gewoon werkt</h2>
<p>Cursor is een fork van VS Code met sterke AI-integratie ingebouwd. Het werkt direct goed zonder config-bestanden te moeten aanraken. AI-completions zijn snel, het Composer-paneel voor multi-file edits is intuïtief, en de agent-mode kun je op klantenprojecten gebruiken zonder bange momentjes.</p>
<p>Ik gebruik Cursor sinds een half jaar dagelijks voor klantprojecten. Wat ik fijn vind: het is gewoon VS Code met AI erop, dus al mijn extensies werken nog en mijn keybindings ook. Geen leercurve.</p>
<p>De AI-integratie is volwassen: tab-completion is snel, in-editor chat begrijpt context van het hele bestand, en agent-mode kan zelfstandig multi-file changes doen die ik daarna review. Voor klantcode hou ik agent-mode op handmatige bevestiging, laat de AI niet ongezien door productiecode banjeren.</p>
<p>Prijs: 20 dollar per maand voor Pro. Dat is gelijk aan ChatGPT Plus, maar je krijgt er een werkende editor bij. Als je dagelijks codeert verdient dat zich snel terug.</p>
<h2>Windsurf: voor wie verder wil dan completions</h2>
<p>Windsurf is gemaakt voor agentische workflows. Het verschil met Cursor: de AI denkt vooruit en stelt zelf vervolgstappen voor. Voor 15 euro per maand een sterke optie, vooral als je AI als junior collega wilt inzetten op grotere taken.</p>
<p>Wat Windsurf onderscheidt is hoe diep de AI in je workflow zit. Bij een wijziging stelt hij vaak proactief voor om de bijbehorende tests, documentatie of types ook bij te werken. Dat is meer dan completions, het voelt als een collega die meedenkt.</p>
<p>De keerzijde: meer keuzes, dus meer ingrijpen om te voorkomen dat hij dingen wijzigt die jij niet wilde. Voor mij persoonlijk werkt dat minder fijn dan Cursor&#8217;s terughoudendere aanpak. Maar ik ken developers die er juist voor kiezen omdat het ze sneller maakt op grote refactors.</p>
<h2>Zed: snelheid boven alles, nog ruw aan de randen</h2>
<p>Zed is een editor in Rust gebouwd, met realtime collaboration en native AI-integratie. Voor het openen en doorzoeken van grote codebases is hij merkbaar sneller dan Cursor of VS Code. Maar het ecosysteem is jong en de AI-features zijn nog niet zo geslepen als bij de concurrentie.</p>
<p>Wat me bij Zed steeds opvalt: het opent een grote repository in een seconde, terwijl Cursor 5 tot 10 seconden nodig heeft. Voor wie veel met grote codebases werkt is dat een groot verschil over een werkdag.</p>
<p>Maar de AI-integratie loopt achter. Tab-completions zijn er, multi-file agentic edits zijn beperkter. Voor pure tekst-editing op snelheid is Zed top, voor zwaar AI-werk pak ik nog Cursor erbij. Beide naast elkaar werkt prima, ze gebruiken dezelfde keybindings als VS Code.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/ai-code-editor-cursor-windsurf-zed-vergelijking/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AI versnelt zichzelf, wat dat in de praktijk betekent voor jou</title>
		<link>https://nixonews.nl/ai-versnelling-exponentieel-zelfverbeterende-modellen/</link>
					<comments>https://nixonews.nl/ai-versnelling-exponentieel-zelfverbeterende-modellen/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 13:22:03 +0000</pubDate>
				<category><![CDATA[AI Development]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[AI agents]]></category>
		<category><![CDATA[AI-strategie]]></category>
		<category><![CDATA[automatisering]]></category>
		<category><![CDATA[toekomst]]></category>
		<guid isPermaLink="false">https://nixonews.nl/?p=189</guid>

					<description><![CDATA[AI-modellen helpen met het bouwen van de volgende generatie. Klinkt science-fiction, voelt voor ondernemers vooral als instabiele tooling.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> <a href="/ai-tools-ondernemers/">AI</a>-modellen helpen tegenwoordig bij het bouwen en trainen van de volgende generatie modellen. Voor ondernemers betekent dat: tools veranderen sneller dan je kunt evalueren, en wat vandaag werkt is over zes maanden vervangen. Ik raad klanten aan om geen langlopende contracten af te sluiten en flexibel te blijven in welke AI-leverancier je kiest.</p>
<h2>Wat &amp;quot;zelfverbetering&amp;quot; in AI nu echt is</h2>
<p>Het mooie verhaal: AI traint AI, dus elke generatie wordt exponentieel beter. De realiteit: AI-modellen helpen met het genereren van trainingsdata en het destilleren van kleinere modellen. Echte recursive zelfverbetering bestaat niet, daar staat de vakwereld nog ver vanaf.</p>
<p>De marketing-versie van dit verhaal klinkt als sciencefiction: AI bouwt AI, en straks zijn we niet meer nodig. De technische realiteit is veel saaier. AI-modellen worden gebruikt om trainingsdata te labellen, om edge cases te genereren en om kleinere modellen te trainen op de output van grotere. Dat heet distillatie en het is geen magie.</p>
<p>Wat ik er bij klanten van merk: de tools die ik vorig jaar adviseerde zijn nu verouderd. Niet omdat AI zichzelf overtroffen heeft, maar omdat er gewoon snel nieuwe modellen worden uitgebracht en de prijzen schuiven. Dat is geen exponentiële zelfverbetering. Dat is een markt in beweging.</p>
<h2>Het effect dat je écht merkt: tooling-instabiliteit</h2>
<p>Wat ondernemers in 2026 voelen is geen exponentiële sprong, maar instabiele tooling. Een tool die zes maanden geleden goed werkte heeft nu een ander prijsmodel, andere features of is opgekocht door een groter bedrijf.</p>
<p>Concreet bij mij: ik adviseerde vorig jaar een klant om een specifieke AI-schrijftool te gebruiken voor zijn klantenservice-mails. Drie maanden later kocht een groter platform de tool, twee maanden later werd de prijs verdubbeld en verdween een feature die hij dagelijks gebruikte.</p>
<p>Dat is wat &quot;exponentiële versnelling&quot; in de praktijk betekent: niet dat alles beter wordt, maar dat alles sneller verandert. Voor een ondernemer is dat een planning-probleem, niet een opportunity-probleem.</p>
<h2>Wat dit betekent voor je AI-strategie</h2>
<p>Drie principes die ik bij elke klant inbouw: geen langlopende contracten op AI-tools, modulaire setups die makkelijk wisselbaar zijn, en niet je hele bedrijf bouwen op één leverancier. Dat klinkt voor de hand liggend, maar ik zie regelmatig anders.</p>
<p>Wat ik concreet doe: voor elke klant die AI integreert kies ik tools met een API die op meerdere providers werkt. OpenAI-compatible APIs van Anthropic, Google en open-source-modellen. Dat scheelt straks veel pijn als één leverancier zijn prijzen verdubbelt.</p>
<p>Voor klanten zonder eigen IT-team: kies maand-tot-maand abonnementen, niet jaarcontracten. De besparing van een jaarcontract is meestal 10 tot 20 procent. Het risico op vastzitten aan een tool die over zes maanden niet meer past, is veel groter dan die besparing.</p>
<h2>Hoe je rustig blijft tussen alle hype</h2>
<p>Ik heb een filter ontwikkeld voor AI-nieuws: lees pas de hands-on reviews na drie maanden, niet de launch-aankondigingen. Dat scheelt een hoop adrenaline en je mist niets dat er echt toe doet.</p>
<p>Wat ik bij mezelf merk: in het begin volgde ik elke launch live. Ik wilde direct testen, direct adviseren. Inmiddels wacht ik standaard drie maanden voordat ik een nieuwe tool serieus oppak. Driekwart van de hyped tools is dan al weer vergeten of merkbaar tegengevallen.</p>
<p>Mijn praktische tip aan klanten: abonneer je niet op AI-nieuws. Kies twee mensen die jij vertrouwt op het vak (geen AI-influencers, maar echte gebruikers) en lees alleen wat zij delen. Dat geeft je tijd terug en het signaal-naar-ruis-verhouding is veel beter.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/ai-versnelling-exponentieel-zelfverbeterende-modellen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Claude Code voor web-animaties: hoe ik het bij klanten gebruik</title>
		<link>https://nixonews.nl/claude-code-animaties-maken-webeffecten/</link>
					<comments>https://nixonews.nl/claude-code-animaties-maken-webeffecten/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 08:10:59 +0000</pubDate>
				<category><![CDATA[AI Development]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[animaties]]></category>
		<category><![CDATA[claude]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://nixonews.nl/?p=183</guid>

					<description><![CDATA[Animaties op een website maken kostte me uren googelen. Met Claude Code is het tien minuten typen, twintig minuten finetunen. Mijn werkwijze.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> <a href="/webdesign-voor-ondernemers/">Claude</a> Code is goed in het bouwen van CSS- en JavaScript-animaties op basis van een korte beschrijving. In plaats van uren googelen of tutorials kijken, beschrijf je wat je wilt en je krijgt werkende code terug. Bij mijn klanten gebruik ik dit voor scroll-animaties, hover-effecten en pagina-overgangen. De code is meestal 80 procent goed direct, de laatste 20 procent zijn timing-aanpassingen die ik per oog beoordeel.</p>
<h2>Het patroon dat ik altijd gebruik bij animaties</h2>
<p>Beschrijf wat de gebruiker zou moeten zien (niet de techniek), geef context over de stack en kies een animatie-bibliotheek. Drie zinnen prompt, een halve pagina werkende code terug.</p>
<p>Concreet bij een klant: hij wilde dat zijn productkaarten &#8220;subtiel oprijzen&#8221; als de gebruiker er overheen beweegt. Mijn prompt aan Claude: <em>Ik werk in React 18 met Tailwind CSS en framer-motion. Maak een ProductCard component die een subtiele lift-animatie heeft op hover: 4px omhoog, lichte schaduw, 200ms duur, ease-out timing.</em></p>
<p>Resultaat: een werkend component dat ik direct kon gebruiken. Twee minuten finetune nodig om de schaduwsterkte iets minder zwaar te maken. Werk dat me vroeger een halve middag kostte aan tutorials kijken en code aanpassen, nu een kwartier.</p>
<h2>Welke bibliotheken werken het beste</h2>
<p>Voor React: framer-motion, sterk en goed gedocumenteerd. Voor vanilla JS: GSAP voor complexere flows, of pure CSS-keyframes voor eenvoud. Vermijd jQuery-animaties, dat is achterhaald en Claude voelt dat ook aan in zijn voorstellen.</p>
<p>Mijn ervaring per stack: framer-motion is voor React-werk een veilige eerste keuze omdat Claude er heel veel voorbeelden van kent en dus zelden onzin produceert. GSAP is breder en krachtiger maar vraagt meer instelwerk. Pure CSS-animaties zijn voor simpele effecten ideaal en kosten geen extra bibliotheek.</p>
<p>Bij klanten kies ik per project. Een marketing-landingspagina: pure CSS plus eventueel framer-motion voor één of twee key-momenten. Een interactieve webapp: framer-motion of GSAP afhankelijk van de complexiteit. Niet alles op één bibliotheek bouwen, niet alles los oplossen.</p>
<h2>De finetune-fase die niemand overslaat</h2>
<p>Animaties die op de eerste try goed voelen zijn zeldzaam. Timing, easing en delay zijn drie kleine knoppen waarmee je een animatie van &quot;OK&quot; naar &quot;echt goed&quot; brengt. Plan tijd in voor deze finetune, anders levert je werk halve kwaliteit op.</p>
<p>Wat ik bij elke animatie doe: nadat Claude code heeft opgeleverd, draai ik hem in de browser en kijk drie keer. Eerste keer voor de timing (te snel of te traag?), tweede keer voor de easing (voelt het natuurlijk of mechanisch?), derde keer voor de afstemming met andere elementen op de pagina. Per check minimaal één micro-aanpassing.</p>
<p>Tip uit eigen ervaring: animaties die op een snel scherm goed voelen, voelen op een traag scherm vaak haperig. Ik test bij klanten altijd op minimaal twee apparaten voordat ik iets als af bestempel.</p>
<h2>Toegankelijkheid: het stuk dat AI vergeet</h2>
<p>Claude denkt niet automatisch aan gebruikers die animaties willen uitschakelen. De CSS-mediaquery &lt;code&gt;prefers-reduced-motion&lt;/code&gt; moet je zelf vragen. Bij elke animatie doe ik dat als laatste stap.</p>
<p>Wat ik standaard doe bij elke animatie: na de eerste werkende versie voeg ik handmatig de respect voor <code>prefers-reduced-motion</code> toe. Een gebruiker die deze instelling heeft staat (vaak vanwege vestibulaire klachten) krijgt dan geen of veel kortere animaties.</p>
<p>Een typische CSS-versie ziet er zo uit:</p>
<pre><code>.product-card {
  transition: transform 200ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .product-card {
    transition: none;
  }
}</code></pre>
<p>Bij framer-motion is er een ingebouwde <code>useReducedMotion</code>-hook die hetzelfde doet. Vraag Claude er expliciet om, anders vergeet hij het. Toegankelijkheid en animaties zijn een paar dat je actief moet bewaken.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/claude-code-animaties-maken-webeffecten/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AI WordPress code analyseren: hoe ik ChatGPT en Claude inzet</title>
		<link>https://nixonews.nl/ai-wordpress-code-begrijpen-verbeteren/</link>
					<comments>https://nixonews.nl/ai-wordpress-code-begrijpen-verbeteren/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 12 Apr 2026 16:53:32 +0000</pubDate>
				<category><![CDATA[AI Development]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[ai development]]></category>
		<category><![CDATA[claude code]]></category>
		<category><![CDATA[wordpress-plugins]]></category>
		<guid isPermaLink="false">https://nixonews.nl/?p=176</guid>

					<description><![CDATA[Een functions.php met 600 regels van een vorige bouwer. AI helpt me die te begrijpen zonder dagen te lezen. Mijn werkwijze in WordPress-projecten.]]></description>
										<content:encoded><![CDATA[<p><strong>Kort antwoord:</strong> AI-tools zoals ChatGPT en Claude helpen me bij <a href="/wordpress-website-maken/">WordPress</a>-code op drie manieren: code uitleggen die iemand anders heeft geschreven, voorstellen voor optimalisatie geven, en bugs lokaliseren. Ik plak code in en krijg een uitleg, suggesties of waarschuwingen voor security-issues. Bij mijn klanten heb ik dit het vaakst nodig bij overgenomen sites, waar ik snel inzicht moet krijgen in een functions.php of plugin die niemand meer onderhoudt.</p>
<h2>Mijn meest voorkomende use-case: overgenomen WordPress-sites</h2>
<p>Een klant stapt over van een vorige developer naar mij. Hij heeft een WordPress-site met aanpassingen die niemand meer kan uitleggen. Mijn eerste week is dan: AI gebruiken om de code te lezen en de waarheid van de fictie te scheiden.</p>
<p>Concreet vorige maand: een klant met een functions.php van 600 regels van een developer die er drie jaar geleden mee gestopt is. De klant kon niet uitleggen wat de helft deed, en sommige regels deden duidelijk niets. Voor de overdracht moest ik weten welke regels essentieel zijn en welke gewoon dood gewicht.</p>
<p>Mijn aanpak: in 30 minuten plakte ik blokken van 50 regels in Claude en vroeg hem per blok om uitleg, plus een advies over of het in 2026 nog werkt zoals het is geschreven. Wat normaal twee dagen leeswerk was, was een ochtend werk plus een middag verifiëren in de browser.</p>
<h2>Wat AI bij WordPress-code wel en niet goed doet</h2>
<p>Wel: bekende patronen herkennen, deprecated functies signaleren, security-zorgen aanwijzen. Niet: bugs vinden die afhankelijk zijn van runtime-staat, wat alleen optreedt bij specifieke gebruikersinput, of plugin-conflicten in een volle stack.</p>
<p>Bij mij in de praktijk: een AI vindt zonder problemen een gebroken nonce, een ontbrekende sanitize-call of een functie die in WordPress 6.4 is verwijderd. Dat soort lookup-werk is precies waar AI sterk in is: pattern-matching tegen een bekende kennisbank.</p>
<p>Wat AI minder goed doet: ingewikkelde plugin-conflicten waar twee plugins dezelfde hook overschrijven, of bugs die alleen optreden bij een specifieke combinatie van gebruikersinstellingen. Daar moet je nog steeds zelf debuggen, eventueel met een AI als sparringpartner.</p>
<h2>Hoe ik AI integreer in mijn dagelijkse WordPress-werk</h2>
<p>Twee tools, twee rollen. Claude voor codeanalyse en refactor-voorstellen, ChatGPT voor snelle &quot;hoe doe je dit ook alweer in WP&quot;-vragen. Beide actief tijdens het werken in mijn editor, niet alleen achteraf.</p>
<p>Ik gebruik dit dagelijks in een paar concrete patronen. Bij het beoordelen van een nieuwe plugin van een klant: één Claude-sessie open met de hele plugin-code geladen, dan vraag ik per functie om uitleg en risicoanalyse. Bij het schrijven van een custom blok: ChatGPT staat open in een tab voor snelle syntax-vragen die ik niet meer in mijn hoofd heb.</p>
<p>Wat ik bij klanten merk: een AI als sparringpartner versnelt het werk veel meer dan een AI als productiemiddel. Het idee dat AI volledig zelf code schrijft past niet bij hoe WordPress-werk in elkaar zit, omdat WP zoveel context-specifieke conventies heeft. Maar als sparringpartner is hij goud waard.</p>
<h2>De grens: wat ik nooit aan AI overlaat in WordPress</h2>
<p>Database-migraties, security-kritieke functies (login, betaalflows, gebruikersdata) en alles wat met klantgegevens te maken heeft. Daar kijk ik altijd zelf, eventueel met AI als tweede paar ogen.</p>
<p>Mijn vuistregel: hoe directer iets impact heeft op data of veiligheid, hoe minder ik AI alleen laat. Een nieuwe display-functie voor een productlijst? Prima, AI mag voorstellen doen die ik scan. Een aanpassing in hoe gebruikers worden geauthenticeerd? Daar zit ik bovenop, AI mag commentaar geven maar niet leiden.</p>
<p>Concreet bij een klant met WooCommerce: ik laat AI kijken naar de presentatie van producten, niet naar hoe betalingen worden afgehandeld. Het verschil tussen een lelijke productpagina en een gehackte webshop is groot. Voor het eerste accepteer ik snelheid, voor het tweede niet.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://nixonews.nl/ai-wordpress-code-begrijpen-verbeteren/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
