<?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>Stefan Bauer &#8211; N8D | UX / Web Design</title>
	<atom:link href="https://n8d.at/feed/" rel="self" type="application/rss+xml" />
	<link>https://n8d.at</link>
	<description>Product design, UX and front‑end development for web &#38; Microsoft 365 apps</description>
	<lastBuildDate>Fri, 22 May 2026 11:51:57 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://n8d.at/wp-content/uploads/2024/02/44442940-150x150.jpg</url>
	<title>Stefan Bauer &#8211; N8D | UX / Web Design</title>
	<link>https://n8d.at</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">33990133</site>	<item>
		<title>Gaps and traps in SPFx Heft toolchain</title>
		<link>https://n8d.at/gaps-traps-spfx-heft-toolchain/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=gaps-traps-spfx-heft-toolchain</link>
					<comments>https://n8d.at/gaps-traps-spfx-heft-toolchain/#respond</comments>
		
		<dc:creator><![CDATA[user]]></dc:creator>
		<pubDate>Fri, 22 May 2026 11:51:57 +0000</pubDate>
				<category><![CDATA[CSS Tricks]]></category>
		<category><![CDATA[SharePoint Framework]]></category>
		<category><![CDATA[CSS modules]]></category>
		<category><![CDATA[Heft]]></category>
		<category><![CDATA[heft-sass-plugin]]></category>
		<category><![CDATA[migration]]></category>
		<category><![CDATA[pkg:]]></category>
		<category><![CDATA[Sass]]></category>
		<category><![CDATA[SPFx]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58425</guid>

					<description><![CDATA[<p>Version 1.23 changed the SPFx Heft toolchain Sass pipeline in five undocumented ways. Here's what the release notes left out.</p>
The post <a href="https://n8d.at/gaps-traps-spfx-heft-toolchain/">Gaps and traps in SPFx Heft toolchain</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/gaps-traps-spfx-heft-toolchain/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58425</post-id>	</item>
		<item>
		<title>One Dependency Update Unlocks 4 Years of HTML Attributes in SPFx 1.23</title>
		<link>https://n8d.at/one-dependency-update-unlocks-4-years-of-html-attributes-in-spfx-1-23/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=one-dependency-update-unlocks-4-years-of-html-attributes-in-spfx-1-23</link>
					<comments>https://n8d.at/one-dependency-update-unlocks-4-years-of-html-attributes-in-spfx-1-23/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Sat, 16 May 2026 17:15:48 +0000</pubDate>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[CSS Tricks]]></category>
		<category><![CDATA[SharePoint Framework]]></category>
		<category><![CDATA[@types/react]]></category>
		<category><![CDATA[accordion]]></category>
		<category><![CDATA[browser support]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[dependency management]]></category>
		<category><![CDATA[details]]></category>
		<category><![CDATA[details summary]]></category>
		<category><![CDATA[exclusive accordion]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[hTWOo]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[native HTML]]></category>
		<category><![CDATA[npm]]></category>
		<category><![CDATA[PnP]]></category>
		<category><![CDATA[PnP Reusable Components]]></category>
		<category><![CDATA[React]]></category>
		<category><![CDATA[SharePoint Development]]></category>
		<category><![CDATA[SPFx]]></category>
		<category><![CDATA[SPFx 1.23]]></category>
		<category><![CDATA[summary]]></category>
		<category><![CDATA[type definitions]]></category>
		<category><![CDATA[TypeScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58395</guid>

					<description><![CDATA[<p>SPFx 1.23 ships a four-year-old @types/react. One update unlocks HTML attributes TypeScript was blocking — no JavaScript required.</p>
The post <a href="https://n8d.at/one-dependency-update-unlocks-4-years-of-html-attributes-in-spfx-1-23/">One Dependency Update Unlocks 4 Years of HTML Attributes in SPFx 1.23</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/one-dependency-update-unlocks-4-years-of-html-attributes-in-spfx-1-23/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58395</post-id>	</item>
		<item>
		<title>Turns out the Unreal cheat codes still work as Claude cheat codes</title>
		<link>https://n8d.at/claude-cheat-codes-godmode-ghost/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=claude-cheat-codes-godmode-ghost</link>
					<comments>https://n8d.at/claude-cheat-codes-godmode-ghost/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Mon, 20 Apr 2026 07:00:57 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Craft]]></category>
		<category><![CDATA[AI Literacy]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claude Cheat Codes]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Prompt Engineering]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58373</guid>

					<description><![CDATA[<p>I tested the viral Claude cheat codes like /godmode and /ghost. They don't work. The Unreal ones do. Here's what's actually happening.</p>
The post <a href="https://n8d.at/claude-cheat-codes-godmode-ghost/">Turns out the Unreal cheat codes still work as Claude cheat codes</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/claude-cheat-codes-godmode-ghost/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58373</post-id>	</item>
		<item>
		<title>SharePoint Theme Contrast Testing: A 30-Second Check</title>
		<link>https://n8d.at/sharepoint-theme-contrast-testing/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sharepoint-theme-contrast-testing</link>
					<comments>https://n8d.at/sharepoint-theme-contrast-testing/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 11:03:02 +0000</pubDate>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[SharePoint Online]]></category>
		<category><![CDATA[WCAG]]></category>
		<category><![CDATA[Brand Center]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[European Accessibility Act]]></category>
		<category><![CDATA[SharePoint Brand Center]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58353</guid>

					<description><![CDATA[<p>Brand Center won't catch your contrast failures. CSS Overview will. Learn how to test your SharePoint theme contrast for accessibility in 30 seconds.</p>
The post <a href="https://n8d.at/sharepoint-theme-contrast-testing/">SharePoint Theme Contrast Testing: A 30-Second Check</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/sharepoint-theme-contrast-testing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58353</post-id>	</item>
		<item>
		<title>Semantic Rich Text Editor: My Hackathon Case Study</title>
		<link>https://n8d.at/semantic-rich-text-editor-my-hackathon-case-study/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=semantic-rich-text-editor-my-hackathon-case-study</link>
					<comments>https://n8d.at/semantic-rich-text-editor-my-hackathon-case-study/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Wed, 01 Apr 2026 09:55:07 +0000</pubDate>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[Design Systems]]></category>
		<category><![CDATA[SharePoint Online]]></category>
		<category><![CDATA[Brand Center]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Hackathon]]></category>
		<category><![CDATA[Rich Text Editor]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[SharePoint Framework]]></category>
		<category><![CDATA[typography]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58325</guid>

					<description><![CDATA[<p>Most intranet content is text. SharePoint's rich text editor still treats it as a formatting issue, not a content-structure issue. Semantic RTE changes that.</p>
The post <a href="https://n8d.at/semantic-rich-text-editor-my-hackathon-case-study/">Semantic Rich Text Editor: My Hackathon Case Study</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/semantic-rich-text-editor-my-hackathon-case-study/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58325</post-id>	</item>
		<item>
		<title>SharePoint: The Bear Grylls of Enterprise Software</title>
		<link>https://n8d.at/sharepoint-25-years-survived/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sharepoint-25-years-survived</link>
					<comments>https://n8d.at/sharepoint-25-years-survived/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Mon, 02 Mar 2026 08:25:35 +0000</pubDate>
				<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Microsoft 365]]></category>
		<category><![CDATA[SharePoint Development]]></category>
		<category><![CDATA[SharePoint Framework]]></category>
		<category><![CDATA[SharePoint Online]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58314</guid>

					<description><![CDATA[<p>SharePoint 25 years. Here's every competitor, hype cycle, and Microsoft product it outlasted — and why information architecture will matter more than Copilot.</p>
The post <a href="https://n8d.at/sharepoint-25-years-survived/">SharePoint: The Bear Grylls of Enterprise Software</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/sharepoint-25-years-survived/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58314</post-id>	</item>
		<item>
		<title>npm Scripts for SPFx: Stop Memorizing Heft Flags</title>
		<link>https://n8d.at/npm-scripts-for-spfx-stop-memorizing-heft-flags/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=npm-scripts-for-spfx-stop-memorizing-heft-flags</link>
					<comments>https://n8d.at/npm-scripts-for-spfx-stop-memorizing-heft-flags/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Wed, 04 Feb 2026 12:12:47 +0000</pubDate>
				<category><![CDATA[Microsoft 365 Development]]></category>
		<category><![CDATA[Node.js]]></category>
		<category><![CDATA[SharePoint Framework]]></category>
		<category><![CDATA[heft sharepoint]]></category>
		<category><![CDATA[npm run scripts]]></category>
		<category><![CDATA[npm script pattern]]></category>
		<category><![CDATA[Office 365 Development]]></category>
		<category><![CDATA[SPFx 1.22]]></category>
		<category><![CDATA[spfx build commands]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58292</guid>

					<description><![CDATA[<p>Stop memorizing Heft flags in SPFx 1.22. Learn how npm scripts give you short, reusable build commands that work across every SharePoint Framework project and CI/CD pipeline.</p>
The post <a href="https://n8d.at/npm-scripts-for-spfx-stop-memorizing-heft-flags/">npm Scripts for SPFx: Stop Memorizing Heft Flags</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/npm-scripts-for-spfx-stop-memorizing-heft-flags/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58292</post-id>	</item>
		<item>
		<title>Performance Optimized Video Embeds with Zero JavaScript &#8211; Now on Frontend Masters</title>
		<link>https://n8d.at/performance-optimized-video-embeds-with-zero-javascript-now-on-frontend-masters/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=performance-optimized-video-embeds-with-zero-javascript-now-on-frontend-masters</link>
					<comments>https://n8d.at/performance-optimized-video-embeds-with-zero-javascript-now-on-frontend-masters/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Tue, 03 Feb 2026 09:06:02 +0000</pubDate>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[hTWOo]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[frontend-masters]]></category>
		<category><![CDATA[video]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58288</guid>

					<description><![CDATA[<p>I got published on Frontend Masters! Learn how performance optimized video embeds look like with HTML and CSS only and no Javascript.</p>
The post <a href="https://n8d.at/performance-optimized-video-embeds-with-zero-javascript-now-on-frontend-masters/">Performance Optimized Video Embeds with Zero JavaScript – Now on Frontend Masters</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/performance-optimized-video-embeds-with-zero-javascript-now-on-frontend-masters/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58288</post-id>	</item>
		<item>
		<title>SharePoint Markdown: Syntax Highlighting for Authors &#038; Devs</title>
		<link>https://n8d.at/sharepoint-markdown-syntax-highlighting-for-authors-devs/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sharepoint-markdown-syntax-highlighting-for-authors-devs</link>
					<comments>https://n8d.at/sharepoint-markdown-syntax-highlighting-for-authors-devs/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Wed, 14 Jan 2026 10:29:49 +0000</pubDate>
				<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[M365 Copilot]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[AI prompts]]></category>
		<category><![CDATA[Code Blocks]]></category>
		<category><![CDATA[Markdown]]></category>
		<category><![CDATA[Modern SharePoint]]></category>
		<category><![CDATA[syntax highlighter]]></category>
		<category><![CDATA[syntax highlighting]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58226</guid>

					<description><![CDATA[<p>Use the Markdown Web Part of SharePoint to highlight AI prompts and code with syntax highlighting, making modern pages cleaner, clearer, and easier to scan.</p>
The post <a href="https://n8d.at/sharepoint-markdown-syntax-highlighting-for-authors-devs/">SharePoint Markdown: Syntax Highlighting for Authors & Devs</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/sharepoint-markdown-syntax-highlighting-for-authors-devs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58226</post-id>	</item>
		<item>
		<title>From Gulp to Heft: Webpack Config in SPFx 1.22+</title>
		<link>https://n8d.at/from-gulp-to-heft-webpack-config-in-spfx-1-22/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=from-gulp-to-heft-webpack-config-in-spfx-1-22</link>
					<comments>https://n8d.at/from-gulp-to-heft-webpack-config-in-spfx-1-22/#respond</comments>
		
		<dc:creator><![CDATA[Stefan Bauer]]></dc:creator>
		<pubDate>Tue, 23 Dec 2025 11:02:07 +0000</pubDate>
				<category><![CDATA[Microsoft 365 Development]]></category>
		<category><![CDATA[SharePoint Framework]]></category>
		<category><![CDATA[customize webpack spfx]]></category>
		<category><![CDATA[gulp to heft migation]]></category>
		<category><![CDATA[SPFx 1.22 migration]]></category>
		<category><![CDATA[SPFx custom webpack]]></category>
		<category><![CDATA[SPFx heft]]></category>
		<category><![CDATA[webpack]]></category>
		<guid isPermaLink="false">https://n8d.at/?p=58178</guid>

					<description><![CDATA[<p>Learn how to migrate SPFx Webpack config from Gulp to Heft in SPFx 1.22+. Compare Heft webpack patches vs spfx-customize-webpack.js with practical examples.</p>
The post <a href="https://n8d.at/from-gulp-to-heft-webpack-config-in-spfx-1-22/">From Gulp to Heft: Webpack Config in SPFx 1.22+</a> first appeared on <a href="https://n8d.at">Stefan Bauer - N8D | UX / Web Design</a>.]]></description>
		
					<wfw:commentRss>https://n8d.at/from-gulp-to-heft-webpack-config-in-spfx-1-22/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">58178</post-id>	</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Object Caching 49/203 objects using Memcached
Page Caching using Disk: Enhanced 
Content Delivery Network Full Site Delivery via cloudflare
Minified using Disk
Database Caching 8/36 queries in 0.017 seconds using Memcached

Served from: n8d.at @ 2026-05-30 17:25:24 by W3 Total Cache
--><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a03f1fb0ded28296',t:'MTc4MDE1ODYzMA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>