Stefan Bauer
@stfbauer.bsky.social
Designer, Founder, Web Methusalem, Develop because I can, Microsoft MVP. Owner of N8D
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
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...
🏆 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
May 28, 2025 at 7:49 AM
🧼 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. 🤔
🎉 Exploring SharePoint Design 🎉
Created custom backgrounds for seamless alignment in SharePoint's flexible layout. Using golden ratio & rule of thirds templates. Considering more patterns to refine Microsoft templates.
What design patterns do you find useful? Share your insights!
Created custom backgrounds for seamless alignment in SharePoint's flexible layout. Using golden ratio & rule of thirds templates. Considering more patterns to refine Microsoft templates.
What design patterns do you find useful? Share your insights!
April 2, 2025 at 1:26 PM
🎉 Exploring SharePoint Design 🎉
Created custom backgrounds for seamless alignment in SharePoint's flexible layout. Using golden ratio & rule of thirds templates. Considering more patterns to refine Microsoft templates.
What design patterns do you find useful? Share your insights!
Created custom backgrounds for seamless alignment in SharePoint's flexible layout. Using golden ratio & rule of thirds templates. Considering more patterns to refine Microsoft templates.
What design patterns do you find useful? Share your insights!
One step further: Step 5 in progress
March 13, 2025 at 4:26 PM
One step further: Step 5 in progress
Since we all have nvm, fnm or other things to run multiple versions of node. I created a small script that lets you sync global installed dependencies from one nodeJS version to another.
Add global packages from my node 20 to the newly installed 22. #nodejs
Add global packages from my node 20 to the newly installed 22. #nodejs
March 5, 2025 at 2:18 PM
Since we all have nvm, fnm or other things to run multiple versions of node. I created a small script that lets you sync global installed dependencies from one nodeJS version to another.
Add global packages from my node 20 to the newly installed 22. #nodejs
Add global packages from my node 20 to the newly installed 22. #nodejs
March 5, 2025 at 9:14 AM
You know when your developer has dangerous CSS knowledge when you find code like this.
The only thing missing:
‼important. 🤦♂️
All font-* attributes and text-* and line-* are inherated by default from the parent container. So if you do it again, no harm but useless and bloated code too.
##css
The only thing missing:
‼important. 🤦♂️
All font-* attributes and text-* and line-* are inherated by default from the parent container. So if you do it again, no harm but useless and bloated code too.
##css
March 4, 2025 at 6:43 PM
You know when your developer has dangerous CSS knowledge when you find code like this.
The only thing missing:
‼important. 🤦♂️
All font-* attributes and text-* and line-* are inherated by default from the parent container. So if you do it again, no harm but useless and bloated code too.
##css
The only thing missing:
‼important. 🤦♂️
All font-* attributes and text-* and line-* are inherated by default from the parent container. So if you do it again, no harm but useless and bloated code too.
##css
March 4, 2025 at 5:40 PM
💪 Just to shorten the time a bit until Microsofts new flexible layout options arrive on my tenant. I was curious how I would find a solution to the flexible layout.
Take a look and let me know what you think
#microsoft #sharepoint #sharepointdesign #funfriday
Take a look and let me know what you think
#microsoft #sharepoint #sharepointdesign #funfriday
February 7, 2025 at 1:07 PM
💪 Just to shorten the time a bit until Microsofts new flexible layout options arrive on my tenant. I was curious how I would find a solution to the flexible layout.
Take a look and let me know what you think
#microsoft #sharepoint #sharepointdesign #funfriday
Take a look and let me know what you think
#microsoft #sharepoint #sharepointdesign #funfriday
Now it even returns the position on the grid, which allows you to store the CSS position just in a regular state property on the web part.
January 29, 2025 at 8:37 PM
Now it even returns the position on the grid, which allows you to store the CSS position just in a regular state property on the web part.
Quick afternoon web part hack - create custom draggable flex zone. - Cannot wait to see the new one that is coming to SharePoint.
Had help from this blog post:
phuoc.ng/collection/r...
Had help from this blog post:
phuoc.ng/collection/r...
January 29, 2025 at 8:12 PM
Quick afternoon web part hack - create custom draggable flex zone. - Cannot wait to see the new one that is coming to SharePoint.
Had help from this blog post:
phuoc.ng/collection/r...
Had help from this blog post:
phuoc.ng/collection/r...
🎨 The SharePoint Brand Center does not allow to export created theme. Well ...
👻 Here is a trick that allow you to export a theme using an unofficial API from the brand center.
n8d.at/how-to-expor...
#Microsoft365 #SharePoint
👻 Here is a trick that allow you to export a theme using an unofficial API from the brand center.
n8d.at/how-to-expor...
#Microsoft365 #SharePoint
January 23, 2025 at 5:32 PM
🎨 The SharePoint Brand Center does not allow to export created theme. Well ...
👻 Here is a trick that allow you to export a theme using an unofficial API from the brand center.
n8d.at/how-to-expor...
#Microsoft365 #SharePoint
👻 Here is a trick that allow you to export a theme using an unofficial API from the brand center.
n8d.at/how-to-expor...
#Microsoft365 #SharePoint
This is how a color picker should look like:
December 13, 2024 at 11:35 AM
This is how a color picker should look like:
Microsoft this is not a color picker - It is a random number picker that will be interpreted as colors. There is a # missing on the hex valuse.
December 13, 2024 at 11:34 AM
Microsoft this is not a color picker - It is a random number picker that will be interpreted as colors. There is a # missing on the hex valuse.
Things every developer and sysadmin should know - The RITA RFC -- The Reliable Internetwork Troubleshooting Agent
datatracker.ietf.org/doc/html/rfc...
#internet #web #rfc
datatracker.ietf.org/doc/html/rfc...
#internet #web #rfc
December 11, 2024 at 6:07 PM
Things every developer and sysadmin should know - The RITA RFC -- The Reliable Internetwork Troubleshooting Agent
datatracker.ietf.org/doc/html/rfc...
#internet #web #rfc
datatracker.ietf.org/doc/html/rfc...
#internet #web #rfc
Goodbye Stockholm - it was a great time meeting so many friends again!!!
December 6, 2024 at 2:07 PM
Goodbye Stockholm - it was a great time meeting so many friends again!!!