Stefan Bauer

Happy weekend - One last question for a friend. #designtoken

Your Copilot component never knows which language it will speak next. I wrote up how CosmoPolite handles it: lang and dir, read-aloud voices, right-to-left, light and dark without Fluent, and writing choices back to Copilot. Built for everyone, personal for each. n8d.at/cosmopolite-...

Microsoft retired the SharePoint Add-in model partly over security. The new HTML pages publish generated, unreviewed content under your own tenant’s trust, sealed in a null-origin iframe. Isn’t it ironic. I tore them apart: n8d.at/anatomy-of-s... #sharepoint

On my way to the North American Collab Summit. #nacs

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 📺

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...

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...

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

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

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

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...

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

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

Performance-Optimized Video Embeds With Zero JavaScript, by @stfbauer.bsky.social (@frontendmasters.com): https://frontendmasters.com/blog/performance-optimized-video-embeds-with-zero-javascript/ #multimedia #performance

⚡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

Pretty exited fo my first blog post on Frontend Masters.

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...

📝 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

Once more for the folks in the back: accessibility is a human right. Your web standards godfather shares thoughts on a small atrocity.

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-...

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

😳 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. 😂

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

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?

🎨 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:

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...

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

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

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

@toddklindt.bsky.social on How I use AI to Write Amazing PowerShell At the amazing #techiramabe

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...

🧼 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

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...

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. 🤔

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.

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

🎉 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!

On my way home from an amazing MVP Summit with many friends. #mvpbuzz

On my way to this years MVP Summit - first stop NYC #mvpbuzz

Intereseting I can inspect SPFx application directly in the teams application by simply right click and inspect. I wonder when this happend. No to teams in browser but directly in the app.

One step further: Step 5 in progress

But an !!important trick.