Sign in

Stefan Bauer

@stfbauer.bsky.social
571 followers 261 following 238 posts

Designer, Founder, Web Methusalem, Develop because I can, Microsoft MVP. Owner of N8D

PostsRepliesMedia
Stefan Bauer @stfbauer.bsky.social · 01/10/2026
On my way to the North American Collab Summit. #nacs
Austrian Airlines Plane
000
Stefan Bauer @stfbauer.bsky.social · 22/05/2026
The SPFx Heft toolchain changed the Sass pipeline in five undocumented ways between 1.22 and 1.23. Not in the release notes. Not in the migration guide. I filed four issues against sp-dev-docs to prove it. Blog Post: n8d.at/gaps-traps-spfx-heft-toolchain/ #SPFx #Sass #SharePoint
Gaps and traps in SPFx Heft toolchain — Venus flytraps on a red background illustrating five undocumented Sass changes in SPFx 1.22 and 1.23
020
Stefan Bauer @stfbauer.bsky.social · 18/05/2026
SPFx 1.23 ships @types/react from May 2022. A four-year-old type definition blocking valid HTML. One fix: npm install @types/react@17.0.91 --save-dev Zero runtime impact. Full breakdown in the link. n8d.at/one-dependen... #SPFx #TypeScript #HTML #hTWOo
Modern SPFx - Old Dependencies
031
Stefan Bauer @stfbauer.bsky.social · 29/04/2026
Haven't done smaller intervalls but would be nice to have on a benchmark run. Basically in taskmanager it spikes and go back to normal. Except on a verification run there are no up and down and it blast like this.
Task manager showing full load on GPU and RAM.
100
Stefan Bauer @stfbauer.bsky.social · 27/04/2026
Same model. Same RTX 5090. Switched from Windows to WSL2. 3.3x faster inference. 69% less energy. Built a local AI pipeline that classified 29,000 of my photos and wrote 367,660 tags directly into the RAW files. No cloud. More research soon. #LocalAI #Photography
Screenshot of Capture One on Windows showing AI-generated keyword hierarchy in the left panel. Visible categories include Genre with values like Documentary, Street, Travel, and Architecture; Mood with Contemplative, Serene, and Joyful; and Scene with Cafe, Cityscape, and Alley. The main view shows a street photograph of bright orange construction barriers and traffic cones in front of a green construction fence with Danger Keep Out signs.
This stays under Twitter's 1000 character alt text limit and describes both the data story (the keyword hierarchy) and the visual content (the construction barrier photo). Screen reader users get the actual point of the image, not just a description of pixels.
330
Stefan Bauer @stfbauer.bsky.social · 19/11/2025
🚀 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...
CSS Mix Tape - Inject to save time - Replace CSS Comb
240
Stefan Bauer @stfbauer.bsky.social · 04/11/2025
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
Fluent UI 9 Typography and SharePoint Framework — Featured image for typography mapping guide
010
Stefan Bauer @stfbauer.bsky.social · 08/10/2025
When Copilot agent is in panic mode because it lost a file for the analysis, that was there before :D
120
Stefan Bauer @stfbauer.bsky.social · 24/07/2025
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...
side car bike Azure DevOps work items with github copilot
010
Stefan Bauer @stfbauer.bsky.social · 10/07/2025
🏆 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
A decade of being an MVP
0120
Stefan Bauer @stfbauer.bsky.social · 09/07/2025
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
Input number field have some issues.
010
Stefan Bauer @stfbauer.bsky.social · 28/05/2025
@toddklindt.bsky.social on How I use AI to Write Amazing PowerShell At the amazing #techiramabe
Todt Klindt
150
Stefan Bauer @stfbauer.bsky.social · 16/05/2025
🧼 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
Old cassette tape that says CSS Mix Tape
010
Stefan Bauer @stfbauer.bsky.social · 25/04/2025
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...
010
Stefan Bauer @stfbauer.bsky.social · 25/04/2025
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. 🤔
Viva Insights agreements
020
Stefan Bauer @stfbauer.bsky.social · 02/04/2025
🎉 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!
Custom backgrounds for SharePoint to align items better.Realigned Microsoft design
040
Stefan Bauer @stfbauer.bsky.social · 13/03/2025
One step further: Step 5 in progress
hTWOo icons extracted from Fluent UI currently tessting 5663 icons for visual differences compared to the not optimised.
000
Stefan Bauer @stfbauer.bsky.social · 05/03/2025
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
Run of node package sync between different versions.
120
Stefan Bauer @stfbauer.bsky.social · 05/03/2025
RTFM helps :D mdn.io/font-size
100
Stefan Bauer @stfbauer.bsky.social · 04/03/2025
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
120
Stefan Bauer @stfbauer.bsky.social · 04/03/2025
Well haven't you seen in a while. > object [object] #spfx
030
Stefan Bauer @stfbauer.bsky.social · 03/03/2025
Fully automated upgrade to SPFx 1.20 using M365 cli and Github Copilot. Of course it has even a rollback option. #SPFx
Bash output of SPFx upgrade
141
Stefan Bauer @stfbauer.bsky.social · 07/02/2025
💪 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
170
Stefan Bauer @stfbauer.bsky.social · 29/01/2025
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.
Elements grid position.
000
Stefan Bauer @stfbauer.bsky.social · 29/01/2025
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...
251
Stefan Bauer @stfbauer.bsky.social · 23/01/2025
🎨 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
Check out my blog post on how to export themes.
042
Stefan Bauer @stfbauer.bsky.social · 13/01/2025
Seems like Microsoft Designer places secret advertisments in their generated images. Starbucks #FTW
010
Stefan Bauer @stfbauer.bsky.social · 13/12/2024
This is how a color picker should look like:
010
Stefan Bauer @stfbauer.bsky.social · 13/12/2024
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.
140
Stefan Bauer @stfbauer.bsky.social · 11/12/2024
Things every developer and sysadmin should know - The RITA RFC -- The Reliable Internetwork Troubleshooting Agent datatracker.ietf.org/doc/html/rfc... #internet #web #rfc
RITA Chicken ;)
000
Stefan Bauer @stfbauer.bsky.social · 06/12/2024
Goodbye Stockholm - it was a great time meeting so many friends again!!!
Tormak picture and gate
030
Stefan Bauer @stfbauer.bsky.social · 02/12/2024
That I quite a creative approach to find developers.
Job advertisements in Swedish commuter train
290
Stefan Bauer @stfbauer.bsky.social · 02/12/2024
Working in the best cafe of Stockholm - Drop Coffee
Working in drop coffee
080
Stefan Bauer @stfbauer.bsky.social · 01/12/2024
Landed during sunset at 2pm Ohhh how I missed Stockholm 🖤
Plane wing during sunset over the clouds
0110
Stefan Bauer @stfbauer.bsky.social · 01/12/2024
Vi ses i Stockholm!!!
Airplane on the tormak
040
Stefan Bauer @stfbauer.bsky.social · 25/11/2024
⚠️ From now on, I will publish all hTWOo related stuff: bsky.app/profile/htwo... 
Famous last words - migrated now HTWOO from Twitter to Bluesky. 
#goodbyetwitter #microsoft365 #spfx #fluentdesign
083
Stefan Bauer @stfbauer.bsky.social · 24/11/2024
We have this at least two times a year. You see the second on the left edge. Sometimes we even get rainbow clouds if we are lucky. en.m.wikipedia.org/wiki/Cloud_i...
Double rainbow
110
Stefan Bauer @stfbauer.bsky.social · 21/11/2024
Working on some Fluent UI Fieldsets for hTWOo. This is the fancy version 😃 #fluentui #fluentdesign
Screeshot of hTWOOo fieldset
010
Stefan Bauer @stfbauer.bsky.social · 21/11/2024
Thursday's math lesson 😂
Normal distribution chart vs paranormal distribution.
010
Stefan Bauer @stfbauer.bsky.social · 21/11/2024
Links you never click normally expect you are curious: Sample: go.microsoft.com/fwlink/?Link... - 404 error Developer Center: dev.office.com/docs <- gone as well - since dev.office.com does not exist anymore.
Screenshot of SharePoint with highlights on Sample and Dev Center link in navigation.
030
Stefan Bauer @stfbauer.bsky.social · 21/11/2024
So many unwanted site effects from using icon fonts. I don't know why people think it is still a viable option to get icons on a page or in an application. Microsoft I am sure you can do better and get rid of all usage of icon font For more information, watch this: www.youtube.com/watch?v=SDP_...
Icon font wrongly loaded on SharePoint document editor.
100
Stefan Bauer @stfbauer.bsky.social · 20/11/2024
Just used the new calendar in Microsoft Teams - Well since the 90s and 80s are trendy right now. I guess it is a good retro design.
000
Stefan Bauer @stfbauer.bsky.social · 18/11/2024
I even found some you can hang on the wall ;) www.amazon.com/LED-Word-Clo...
020
Stefan Bauer @stfbauer.bsky.social · 16/11/2024
This way you will never forget an alt text for your images on @bsky.app
Accessibility settings on Bluesky
021
Stefan Bauer @stfbauer.bsky.social · 15/11/2024
Soon I will be there.
010
Stefan Bauer @stfbauer.bsky.social · 15/11/2024
Don‘t throw your old devices away. It‘s bent like a 🍌 but still functioning. The glass looks like a 🐘 stomped on it. Sometimes you have to debug Microsoft Teams apps for a customer. PS: The elephant was my butt that slammed it into the ice rig last winter 😂
250
Stefan Bauer @stfbauer.bsky.social · 14/11/2024
Playing around with Chome's built-in AI - When the browser writes his own Accessiblity Check script ;) #AI #Chrome
Google AI Build a script to check Accessiblity
011
Stefan Bauer @stfbauer.bsky.social · 13/11/2024
New Platform - New Cover image - I have not saved time and jumped to an AI - I crafted it in Adobe Illustrator (Ai) with the amazing 3D capabilites there. #AI #illustrator #design
N8D Logo in white - rising from white background
030
Stefan Bauer @stfbauer.bsky.social · 10/11/2024
In this case the is no room for interpretation. The one who sent in. the questions make use of the SharePoint HTML. Like stated here learn.microsoft.com/en-us/sharep... The is exactly what the person who sent the message rely on - Therefore Microsoft will break your intranet, as you have been told.
110
Stefan Bauer @stfbauer.bsky.social · 08/11/2024
Field Sets Controls
010