Stefan Bauer
@stfbauer.bsky.social
Designer, Founder, Web Methusalem, Develop because I can, Microsoft MVP. Owner of N8D
SPFx 1.22 feels like a “2.0” release: new build chain, Heft migration, lots of moving parts.
I wrote up a reproducible, AI-driven upgrade flow (risk assessment → upgrade branch → acceptance build → full docs) + a copy/paste prompt.
n8d.at/ai-driven-sp...
I wrote up a reproducible, AI-driven upgrade flow (risk assessment → upgrade branch → acceptance build → full docs) + a copy/paste prompt.
n8d.at/ai-driven-sp...
AI‑Driven SPFx 1.22 Upgrade: A Reproducible Process Flow
Learn an AI‑driven, reproducible process to upgrade SharePoint Framework (SPFx) projects to v1.22 with Heft, risk assessment, and clear documentation.
n8d.at
December 16, 2025 at 10:27 AM
SPFx 1.22 feels like a “2.0” release: new build chain, Heft migration, lots of moving parts.
I wrote up a reproducible, AI-driven upgrade flow (risk assessment → upgrade branch → acceptance build → full docs) + a copy/paste prompt.
n8d.at/ai-driven-sp...
I wrote up a reproducible, AI-driven upgrade flow (risk assessment → upgrade branch → acceptance build → full docs) + a copy/paste prompt.
n8d.at/ai-driven-sp...
📝 Markshell, a shell viewer for Markdown files, was recently featured on the Shop Talk Show podcast, alongside other notable projects. github.com/stfbauer/mar...
For more details, you can listen to the episode here:
shoptalkshow.com/695/
#webdevelopment #markdown #shell #sideprojects
For more details, you can listen to the episode here:
shoptalkshow.com/695/
#webdevelopment #markdown #shell #sideprojects
695: Happy Project Share Time (2025 Edition)
After a bit of gaming talk, Chris and Dave are sharing a bunch of cool projects that our Discord community members have been sharing over the past year including things like a web component based a…
shoptalkshow.com
December 15, 2025 at 1:33 PM
📝 Markshell, a shell viewer for Markdown files, was recently featured on the Shop Talk Show podcast, alongside other notable projects. github.com/stfbauer/mar...
For more details, you can listen to the episode here:
shoptalkshow.com/695/
#webdevelopment #markdown #shell #sideprojects
For more details, you can listen to the episode here:
shoptalkshow.com/695/
#webdevelopment #markdown #shell #sideprojects
Reposted by Stefan Bauer
Once more for the folks in the back: accessibility is a human right. Your web standards godfather shares thoughts on a small atrocity.
Accessibility is a human right, cruelty a human wrong.
Once more for the folks in the back. Calibri is easier than Times New Roman for folks with certain visual disabilities to read. That’s why the Biden Administration chose Calibri for their digital communications: to include more people and make life just a wee bit easier for the disabled. And who in their right mind could object to that? You know who, and they’re not in their right mind—unless you’re talking far-right.
zeldman.com
December 13, 2025 at 4:35 PM
Once more for the folks in the back: accessibility is a human right. Your web standards godfather shares thoughts on a small atrocity.
Reposted by Stefan Bauer
Fun, informative read | "Mythbusting: Image Accessibility in SharePoint" by @stfbauer.bsky.social. Get a closer look at how modern SharePoint handles images and accessibility, including the importance of ALT text when using the Image web part.
Bust that myth! n8d.at/mythbusting-...
Bust that myth! n8d.at/mythbusting-...
December 11, 2025 at 9:32 PM
Fun, informative read | "Mythbusting: Image Accessibility in SharePoint" by @stfbauer.bsky.social. Get a closer look at how modern SharePoint handles images and accessibility, including the importance of ALT text when using the Image web part.
Bust that myth! n8d.at/mythbusting-...
Bust that myth! n8d.at/mythbusting-...
SharePoint + AI can build pages fast.
It can also amplify bad patterns just as fast.
I wrote a guide for site authors on using the Image web part accessibly – image links, lightbox, captions, “open in new window”, all the spicy bits.
🔗 n8d.at/sharepoint-i...
#SharePoint #Accessibility #a11y
It can also amplify bad patterns just as fast.
I wrote a guide for site authors on using the Image web part accessibly – image links, lightbox, captions, “open in new window”, all the spicy bits.
🔗 n8d.at/sharepoint-i...
#SharePoint #Accessibility #a11y
SharePoint Image web part: accessibility guide for authors
Site author guide to accessible image web part usage in SharePoint: improve alt text, image links, captions, and lightbox settings for an inclusive intranet.
n8d.at
December 11, 2025 at 6:47 AM
SharePoint + AI can build pages fast.
It can also amplify bad patterns just as fast.
I wrote a guide for site authors on using the Image web part accessibly – image links, lightbox, captions, “open in new window”, all the spicy bits.
🔗 n8d.at/sharepoint-i...
#SharePoint #Accessibility #a11y
It can also amplify bad patterns just as fast.
I wrote a guide for site authors on using the Image web part accessibly – image links, lightbox, captions, “open in new window”, all the spicy bits.
🔗 n8d.at/sharepoint-i...
#SharePoint #Accessibility #a11y
😳 when you sit in the waitroom of an hospital an the loud speaker calls out: ”Mr Death - Room 3 please’
December 1, 2025 at 7:38 AM
😳 when you sit in the waitroom of an hospital an the loud speaker calls out: ”Mr Death - Room 3 please’
Prediction for 2026 - tailwind got killed by AI. 😂
November 28, 2025 at 6:48 PM
Prediction for 2026 - tailwind got killed by AI. 😂
🚀 Old Fashioned CSS Sorter v1.0.0 is live!
✨ 90.8% test coverage, smart CSS variables, 3 sorting strategies
🎯 CSS/SCSS/SASS + VS Code integration
📦 VS Code Marketplace + NPM
Turn messy CSS into organized code instantly!
#CSS #WebDev #VSCode
🔗 marketplace.visualstudio.com/items?itemNa...
✨ 90.8% test coverage, smart CSS variables, 3 sorting strategies
🎯 CSS/SCSS/SASS + VS Code integration
📦 VS Code Marketplace + NPM
Turn messy CSS into organized code instantly!
#CSS #WebDev #VSCode
🔗 marketplace.visualstudio.com/items?itemNa...
November 19, 2025 at 8:26 PM
🚀 Old Fashioned CSS Sorter v1.0.0 is live!
✨ 90.8% test coverage, smart CSS variables, 3 sorting strategies
🎯 CSS/SCSS/SASS + VS Code integration
📦 VS Code Marketplace + NPM
Turn messy CSS into organized code instantly!
#CSS #WebDev #VSCode
🔗 marketplace.visualstudio.com/items?itemNa...
✨ 90.8% test coverage, smart CSS variables, 3 sorting strategies
🎯 CSS/SCSS/SASS + VS Code integration
📦 VS Code Marketplace + NPM
Turn messy CSS into organized code instantly!
#CSS #WebDev #VSCode
🔗 marketplace.visualstudio.com/items?itemNa...
Fluent UI 9 and SharePoint Brand Center finally speak the same language — typography. 🎨
I mapped the missing link between Fluent UI tokens and SharePoint’s custom font slots.
Read it here 👉 n8d.at/mapping-flue...
#FluentUI #SPFx #SharePoint
I mapped the missing link between Fluent UI tokens and SharePoint’s custom font slots.
Read it here 👉 n8d.at/mapping-flue...
#FluentUI #SPFx #SharePoint
November 4, 2025 at 3:05 PM
Fluent UI 9 and SharePoint Brand Center finally speak the same language — typography. 🎨
I mapped the missing link between Fluent UI tokens and SharePoint’s custom font slots.
Read it here 👉 n8d.at/mapping-flue...
#FluentUI #SPFx #SharePoint
I mapped the missing link between Fluent UI tokens and SharePoint’s custom font slots.
Read it here 👉 n8d.at/mapping-flue...
#FluentUI #SPFx #SharePoint
When Copilot agent is in panic mode because it lost a file for the analysis, that was there before :D
October 8, 2025 at 12:06 PM
When Copilot agent is in panic mode because it lost a file for the analysis, that was there before :D
GDrive is the Windows 95. You upload a document with a long name and it replaces it with "MyFile~1.docx".
The you have to go in and rename the file and everthing works fine.
Sure you don't need to write you life's story in the filename, but a behaviour like this in 2025?
The you have to go in and rename the file and everthing works fine.
Sure you don't need to write you life's story in the filename, but a behaviour like this in 2025?
October 1, 2025 at 7:39 AM
GDrive is the Windows 95. You upload a document with a long name and it replaces it with "MyFile~1.docx".
The you have to go in and rename the file and everthing works fine.
Sure you don't need to write you life's story in the filename, but a behaviour like this in 2025?
The you have to go in and rename the file and everthing works fine.
Sure you don't need to write you life's story in the filename, but a behaviour like this in 2025?
Reposted by Stefan Bauer
🎨 Want to make your #SharePoint & #Teams solutions look as good as they work?
At @collabdaysne.org, @stfbauer.bsky.social will help you level up your front-end skills with his session: “Design and Styling 101: SharePoint Online and Microsoft Teams”
👉 Secure your spot today:
At @collabdaysne.org, @stfbauer.bsky.social will help you level up your front-end skills with his session: “Design and Styling 101: SharePoint Online and Microsoft Teams”
👉 Secure your spot today:
September 5, 2025 at 1:30 PM
🎨 Want to make your #SharePoint & #Teams solutions look as good as they work?
At @collabdaysne.org, @stfbauer.bsky.social will help you level up your front-end skills with his session: “Design and Styling 101: SharePoint Online and Microsoft Teams”
👉 Secure your spot today:
At @collabdaysne.org, @stfbauer.bsky.social will help you level up your front-end skills with his session: “Design and Styling 101: SharePoint Online and Microsoft Teams”
👉 Secure your spot today:
See you there!!!
🎨 Want to make your #SharePoint & #Teams solutions look as good as they work?
At @collabdaysne.org, @stfbauer.bsky.social will help you level up your front-end skills with his session: “Design and Styling 101: SharePoint Online and Microsoft Teams”
👉 Secure your spot today:
At @collabdaysne.org, @stfbauer.bsky.social will help you level up your front-end skills with his session: “Design and Styling 101: SharePoint Online and Microsoft Teams”
👉 Secure your spot today:
September 5, 2025 at 1:54 PM
See you there!!!
I wrote a blog post this moring how to query your work items directly in VS Code from Azure DevOp:
Soon an MCP Server is coming out but meanwhile this is how it works.
n8d.at/how-to-query...
Soon an MCP Server is coming out but meanwhile this is how it works.
n8d.at/how-to-query...
July 24, 2025 at 12:42 PM
I wrote a blog post this moring how to query your work items directly in VS Code from Azure DevOp:
Soon an MCP Server is coming out but meanwhile this is how it works.
n8d.at/how-to-query...
Soon an MCP Server is coming out but meanwhile this is how it works.
n8d.at/how-to-query...
When people say functional components do they mean they wrote something that actually works on top of it is a component? 🤣
July 10, 2025 at 5:41 PM
When people say functional components do they mean they wrote something that actually works on top of it is a component? 🤣
🏆 Celebrating a decade as a Microsoft MVP! 🏆
I am thrilled to announce that after 10 years, I have achieved again the Microsoft MVP in M365 Development. This year brought an extra special honor as I also received recognition in Web Development.
Thank you Microsoft
#mvp #webdevelopment #m365
I am thrilled to announce that after 10 years, I have achieved again the Microsoft MVP in M365 Development. This year brought an extra special honor as I also received recognition in Web Development.
Thank you Microsoft
#mvp #webdevelopment #m365
July 10, 2025 at 3:23 PM
🏆 Celebrating a decade as a Microsoft MVP! 🏆
I am thrilled to announce that after 10 years, I have achieved again the Microsoft MVP in M365 Development. This year brought an extra special honor as I also received recognition in Web Development.
Thank you Microsoft
#mvp #webdevelopment #m365
I am thrilled to announce that after 10 years, I have achieved again the Microsoft MVP in M365 Development. This year brought an extra special honor as I also received recognition in Web Development.
Thank you Microsoft
#mvp #webdevelopment #m365
Input fields of type number in HTML might seem to be a great option at first glance, but the negative side effects outweight the issues they have.
In my latest blog post I take a deep dive, what those issues are.
n8d.at/inputtypenum...
#ux #i18n #html #webdevelopment
In my latest blog post I take a deep dive, what those issues are.
n8d.at/inputtypenum...
#ux #i18n #html #webdevelopment
July 9, 2025 at 11:46 AM
Input fields of type number in HTML might seem to be a great option at first glance, but the negative side effects outweight the issues they have.
In my latest blog post I take a deep dive, what those issues are.
n8d.at/inputtypenum...
#ux #i18n #html #webdevelopment
In my latest blog post I take a deep dive, what those issues are.
n8d.at/inputtypenum...
#ux #i18n #html #webdevelopment
Reposted by Stefan Bauer
Working with @stfbauer.bsky.social to create a style guide can exponentially speed up the development process and bring better outcomes.
Watch/listen to the full episode, #004 | Optimizing SharePoint Framework Projects with Reusable Code 👇
📺 youtu.be/qP0SRfI9Rok
🎧 aka.codedeploygo.live/e004
Watch/listen to the full episode, #004 | Optimizing SharePoint Framework Projects with Reusable Code 👇
📺 youtu.be/qP0SRfI9Rok
🎧 aka.codedeploygo.live/e004
004 | Optimizing SharePoint Framework Projects with Reusable Code
YouTube video by Code. Deploy. Go Live.
youtu.be
June 11, 2025 at 1:26 PM
Working with @stfbauer.bsky.social to create a style guide can exponentially speed up the development process and bring better outcomes.
Watch/listen to the full episode, #004 | Optimizing SharePoint Framework Projects with Reusable Code 👇
📺 youtu.be/qP0SRfI9Rok
🎧 aka.codedeploygo.live/e004
Watch/listen to the full episode, #004 | Optimizing SharePoint Framework Projects with Reusable Code 👇
📺 youtu.be/qP0SRfI9Rok
🎧 aka.codedeploygo.live/e004
May 28, 2025 at 7:49 AM
Too all the NodeJS developers out there. I found a really usefull tool to check if a number is-even with AI.
Especially usefull when you try to create a random number, because it is statistically 50% right and 50% wrong.
www.npmjs.com/package/is-e...
Especially usefull when you try to create a random number, because it is statistically 50% right and 50% wrong.
www.npmjs.com/package/is-e...
is-even-ai
Check if a number is even with the power of ✨AI✨. Latest version: 1.0.5, last published: 7 months ago. Start using is-even-ai in your project by running `npm i is-even-ai`. There are no other projects...
www.npmjs.com
May 20, 2025 at 11:21 AM
Too all the NodeJS developers out there. I found a really usefull tool to check if a number is-even with AI.
Especially usefull when you try to create a random number, because it is statistically 50% right and 50% wrong.
www.npmjs.com/package/is-e...
Especially usefull when you try to create a random number, because it is statistically 50% right and 50% wrong.
www.npmjs.com/package/is-e...
🧼 I built Old-Fashioned CSS because I missed what CSSComb did right—clean, logical, and smart sorting for CSS & SCSS.
Open Source → github.com/StfBauer/old...
🏪 marketplace.visualstudio.com/items?itemNa...
Blog: n8d.at/old-fashione...
#css #scss #vscode #frontenddev #opensource
Open Source → github.com/StfBauer/old...
🏪 marketplace.visualstudio.com/items?itemNa...
Blog: n8d.at/old-fashione...
#css #scss #vscode #frontenddev #opensource
May 16, 2025 at 7:24 PM
🧼 I built Old-Fashioned CSS because I missed what CSSComb did right—clean, logical, and smart sorting for CSS & SCSS.
Open Source → github.com/StfBauer/old...
🏪 marketplace.visualstudio.com/items?itemNa...
Blog: n8d.at/old-fashione...
#css #scss #vscode #frontenddev #opensource
Open Source → github.com/StfBauer/old...
🏪 marketplace.visualstudio.com/items?itemNa...
Blog: n8d.at/old-fashione...
#css #scss #vscode #frontenddev #opensource
Four years ago I started to implement hTWOo using gulp as the engine driver to compile CSS.
see: lab.n8d.studio/htwoo/
For now I have a custom build chain for SASS, TS and a hot reloader. I call it ICE.
ice-build: www.npmjs.com/package/@n8d...
ice-hotreloader: www.npmjs.com/package/@n8d...
see: lab.n8d.studio/htwoo/
For now I have a custom build chain for SASS, TS and a hot reloader. I call it ICE.
ice-build: www.npmjs.com/package/@n8d...
ice-hotreloader: www.npmjs.com/package/@n8d...
April 25, 2025 at 12:05 PM
Four years ago I started to implement hTWOo using gulp as the engine driver to compile CSS.
see: lab.n8d.studio/htwoo/
For now I have a custom build chain for SASS, TS and a hot reloader. I call it ICE.
ice-build: www.npmjs.com/package/@n8d...
ice-hotreloader: www.npmjs.com/package/@n8d...
see: lab.n8d.studio/htwoo/
For now I have a custom build chain for SASS, TS and a hot reloader. I call it ICE.
ice-build: www.npmjs.com/package/@n8d...
ice-hotreloader: www.npmjs.com/package/@n8d...
Sorry what do I need to agree too. Great User Experience and design.
Seems like I need to agree to the small print or just an empty list. 🤔
Seems like I need to agree to the small print or just an empty list. 🤔
April 25, 2025 at 10:38 AM
Sorry what do I need to agree too. Great User Experience and design.
Seems like I need to agree to the small print or just an empty list. 🤔
Seems like I need to agree to the small print or just an empty list. 🤔
6 years ago i created a real mega menu for a customer. Now working on a mild relaunch and use some new CSS features to make the navigation more flexible.
Pretty amazed how far #css and feature rich it has become.
The rest of the navigation code still looks really ancient tbh.
Pretty amazed how far #css and feature rich it has become.
The rest of the navigation code still looks really ancient tbh.
April 25, 2025 at 9:57 AM
6 years ago i created a real mega menu for a customer. Now working on a mild relaunch and use some new CSS features to make the navigation more flexible.
Pretty amazed how far #css and feature rich it has become.
The rest of the navigation code still looks really ancient tbh.
Pretty amazed how far #css and feature rich it has become.
The rest of the navigation code still looks really ancient tbh.
Curious about using brand centre fonts in your SharePoint projects? Check out these articles for guidance and documentation. Learn to assemble them into reusable code! Questions? Suggestions? Comment below! 🚀
Link: n8d.at/leverage-sha...
#SharePoint #CodingTips
Link: n8d.at/leverage-sha...
#SharePoint #CodingTips
Leverage SharePoint Brand Center Font in SharePoint Framework
Learn how to leverage SharePoint Brand Center fonts in your SharePoint Framework projects with this comprehensive guide on documentation and practical usage.
n8d.at
April 12, 2025 at 8:06 PM
Curious about using brand centre fonts in your SharePoint projects? Check out these articles for guidance and documentation. Learn to assemble them into reusable code! Questions? Suggestions? Comment below! 🚀
Link: n8d.at/leverage-sha...
#SharePoint #CodingTips
Link: n8d.at/leverage-sha...
#SharePoint #CodingTips