Sign in

Stefan Bauer

@stfbauer.bsky.social
571 followers 261 following 237 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
Reposted by Stefan Bauer
Sympraxis Consulting @sympraxisconsulting.com · 11/08/2026
NOW ON DEMAND | #AskSympraxis webinar: "SharePoint Brand Center, design, and templates" with special UI guest, @stfbauer.bsky.social. Let's push SharePoint "to not look like SharePoint," to make the intranet pleasant and useful. Watch now 📺
youtube.com
SharePoint Brand Center, design, and using templates - Ask Sympraxis
Design principles exist to make things look nice and functional. A well-designed page or site draws people in, makes information pop and helps connect though...
043
Reposted by Stefan Bauer
Sympraxis Consulting @sympraxisconsulting.com · 05/08/2026
In one hour... 🎨 #AskSympraxis is all about design. UI artiste, Stefan Bauer @stfbauer.bsky.social, joins in as we showcase how to make #SharePoint look nice and engaging, doubling down on Brand Center and the use of templates. 🗓️ Wed, Aug. 5, 9:30 AM PT www.linkedin.com/events/74857...
Upcoming Ask Sympraxis, "SharePoint Brand Center, design, and using templates."
011
Reposted by Stefan Bauer
Sympraxis Consulting @sympraxisconsulting.com · 30/07/2026
REMINDER 🎨 Next week's #AskSympraxis is all about design. UI artiste, Stefan Bauer @stfbauer.bsky.social, joins in as we showcase how to make #SharePoint look nice and engaging, doubling down on Brand Center and the use of templates. 🗓️ Wed, Aug. 5, 9:30 AM PT www.linkedin.com/events/74857...
Upcoming Ask Sympraxis, "SharePoint Brand Center, design, and using templates."
022
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
It have been an older and a newer version of the model. The only thing I recognise was that the 8B was a bit more precise then 7B. It could also be because of different versions.
100
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 · 28/04/2026
I just used Qwen2.5-VL-7B-Instruct and Qwen3-VL-8B-Instruct were the only one. Similar behaviour. The overall run was around 48 hours two times with similar behaviour. Priority was on to get the job done.
000
Stefan Bauer @stfbauer.bsky.social · 28/04/2026
The energy story keeps surprising me though. Counter-intuitive part: vLLM actually runs the GPU at higher peak power, just for shorter total time. Lower latency software ends up being lower energy because the GPU returns to idle faster. Not what I expected going in.
100
Stefan Bauer @stfbauer.bsky.social · 28/04/2026
Just re-ran a controlled benchmark today with both warm and cold cache. Updated number is 58% energy reduction, not 69%. Same direction, smaller magnitude. The original was a cold-cache vs warm-cache confound that I caught and corrected.
100
Stefan Bauer @stfbauer.bsky.social · 28/04/2026
nvidia-smi telemetry sampled every 60 seconds across the full run, 2982 samples. Trapezoidal integration over the power curve for GPU energy. CPU energy is modeled from utilization × 5950X TDP, not direct package wattage. So GPU side is real sensor data, system total has some modeling.
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 · 21/04/2026
n8d.at/claude-cheat... Never ever change the slug after you had everythign prepared: 🤦‍♂️
n8d.at
Turns out the Unreal cheat codes still work as Claude cheat codes
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.
110
Stefan Bauer @stfbauer.bsky.social · 20/04/2026
People claim Claude has secret slash commands. /godmode, /ghost, L99. They don't work. Turns out they're cheats from Unreal, the 1998 shooter. Which says something about where these viral AI tip lists come from. Wrote up what actually happens: n8d.at/claude-godmo...
n8d.at
120
Stefan Bauer @stfbauer.bsky.social · 17/04/2026
SharePoint’s Brand Center warns about contrast issues but never shows the ratio, the affected elements, or the WCAG level. You can dismiss it and ship anyway. CSS Overview catches them in 30 seconds. n8d.at/sharepoint-theme-contrast-testing
n8d.at
SharePoint Theme Contrast Testing: A 30-Second Check
Brand Center won't catch your contrast failures. CSS Overview will. Learn how to test your SharePoint theme contrast for accessibility in 30 seconds.
010
Stefan Bauer @stfbauer.bsky.social · 03/04/2026
Thanks - Can you try again please?
110
Stefan Bauer @stfbauer.bsky.social · 03/04/2026
SharePoint's rich text editor was designed as a formatting tool. I think it should be a content-structure tool. So I built one from scratch. No frameworks. No hacks. Just the web platform. Full case study: n8d.at/semantic-rte-a-hackathon-case-study/ #microsoft365 #sharepoint
n8d.at
100
Reposted by Stefan Bauer
Frontend Dogma @frontenddogma.com · 11/02/2026
Performance-Optimized Video Embeds With Zero JavaScript, by @stfbauer.bsky.social (@frontendmasters.com): frontendmasters.com/blog/performanc… #multimedia #performance
frontendmasters.com
Performance-Optimized Video Embeds with Zero JavaScript
Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.
021
Reposted by Stefan Bauer
WebPerformance Report @webperfreport.bsky.social · 22/02/2026
⚡Featured posts this week: ✨ INP is Baseline: @tunetheweb.com & @mmocny.com ✨ Performance Video Embeds: @stfbauer.bsky.social ✨ A better way to update web apps: Dan Murphy & Dibyajyoti Pal ✨ Ecommerce | The Web Almanac: Amandeep Singh & Barry Pollard 🙏 Special thanks to the authors! #webperf
⚡Featured posts this week from Perf Links by WebPerformance Report:
111
Stefan Bauer @stfbauer.bsky.social · 03/02/2026
Pretty exited fo my first blog post on Frontend Masters.
021
Stefan Bauer @stfbauer.bsky.social · 16/12/2025
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...
n8d.at
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.
000
Stefan Bauer @stfbauer.bsky.social · 15/12/2025
📝 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
shoptalkshow.com
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…
020
Reposted by Stefan Bauer
zeldman @zeldman.bsky.social · 13/12/2025
Once more for the folks in the back: accessibility is a human right. Your web standards godfather shares thoughts on a small atrocity.
zeldman.com
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.
15724
Reposted by Stefan Bauer
Sympraxis Consulting @sympraxisconsulting.com · 11/12/2025
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-...
Screenshot from Stefan Bauer's blog encouraging good use of ALT text. For the main image in this screenshot, Stefan suggests the following, "Person working on a laptop in an open-plan office."
012
Stefan Bauer @stfbauer.bsky.social · 11/12/2025
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
n8d.at
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.
011
Stefan Bauer @stfbauer.bsky.social · 01/12/2025
😳 when you sit in the waitroom of an hospital an the loud speaker calls out: ”Mr Death - Room 3 please’
120
Stefan Bauer @stfbauer.bsky.social · 28/11/2025
Prediction for 2026 - tailwind got killed by AI. 😂
000
Stefan Bauer @stfbauer.bsky.social · 19/11/2025
Blog post can be found: n8d.at/old-fashione...
n8d.at
Old Fashioned CSS Formatter – A Modern Successor to CSSComb
Discover how the Old Fashioned CSS Formatter for VS Code brings order and elegance to your stylesheets. Learn why it’s the true successor to CSSComb.
000
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
130
Stefan Bauer @stfbauer.bsky.social · 19/11/2025
Because it does not need to run an authentication flow before loading assets.
000
Stefan Bauer @stfbauer.bsky.social · 19/11/2025
Public: You have all the tenants on the same CDN and have partitions there. Like "folders". Only the referring host can load assets from one particular folder. Tenant 1 can load /tenant1/ assets. Tenant 2 can load /tenant2/ but not assets from /tenant1/ This makes public faster.
110
Stefan Bauer @stfbauer.bsky.social · 19/11/2025
Difference between public and private: Private: you have to authenticate against the CDN to load assets which is slower.
110
Stefan Bauer @stfbauer.bsky.social · 19/11/2025
Fonts, Template, Site Assets, learn.microsoft.com/en-us/sharep... learn.microsoft.com/en-us/sharep... And basically everything you store in those libraries.
learn.microsoft.com
Enable the Microsoft 365 CDN
Enable the Microsoft 365 CDN on your Microsoft 365 Tenant
210
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 · 30/10/2025
This command still works but not for the Brand Center - With the new Brand Center you are out of luck to get the theme, deploy or apply it. This feature was truncated by the brand center and will be stored only in the brand center.
000
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
010
Stefan Bauer @stfbauer.bsky.social · 01/10/2025
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?
100
Reposted by Stefan Bauer
CollabDays New England @collabdaysne.org · 05/09/2025
🎨 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:
Promotional image for Stefan's session at CollabDays New England including event, session and speaker details on the left and an image of downtown Boston on the right.
034
Stefan Bauer @stfbauer.bsky.social · 05/09/2025
See you there!!!
000
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
When people say functional components do they mean they wrote something that actually works on top of it is a component? 🤣
000
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 · 11/06/2025
document search, people search, office search at least the last one looks like an fancy office building. Other then that many doubtful design decisions are made today.
000
Reposted by Stefan Bauer
Code. Deploy. Go Live. @codedeploygo.live · 11/06/2025
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
youtu.be
004 | Optimizing SharePoint Framework Projects with Reusable Code
YouTube video by Code. Deploy. Go Live.
031
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 · 20/05/2025
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...
npmjs.com
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...
000
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