Reposted by Stefan BauerSympraxis Consulting @sympraxisconsulting.com · 11/08/2026NOW 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.comSharePoint Brand Center, design, and using templates - Ask SympraxisDesign 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 BauerSympraxis Consulting @sympraxisconsulting.com · 05/08/2026In 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... 011
Reposted by Stefan BauerSympraxis Consulting @sympraxisconsulting.com · 30/07/2026REMINDER 🎨 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... 022
Stefan Bauer @stfbauer.bsky.social · 22/05/2026The 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 010
Stefan Bauer @stfbauer.bsky.social · 18/05/2026SPFx 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 031
Stefan Bauer @stfbauer.bsky.social · 27/04/2026Same 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 330
Stefan Bauer @stfbauer.bsky.social · 20/04/2026People 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/2026SharePoint’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-testingn8d.atSharePoint Theme Contrast Testing: A 30-Second CheckBrand 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/2026SharePoint'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 #sharepointn8d.at 100
Reposted by Stefan BauerFrontend Dogma @frontenddogma.com · 11/02/2026Performance-Optimized Video Embeds With Zero JavaScript, by @stfbauer.bsky.social (@frontendmasters.com): frontendmasters.com/blog/performanc… #multimedia #performancefrontendmasters.comPerformance-Optimized Video Embeds with Zero JavaScriptPutting 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 BauerWebPerformance 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 111
Stefan Bauer @stfbauer.bsky.social · 03/02/2026Pretty exited fo my first blog post on Frontend Masters. 021
Stefan Bauer @stfbauer.bsky.social · 16/12/2025SPFx 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.atAI‑Driven SPFx 1.22 Upgrade: A Reproducible Process FlowLearn 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 #sideprojectsshoptalkshow.com695: 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 Bauerzeldman @zeldman.bsky.social · 13/12/2025Once more for the folks in the back: accessibility is a human right. Your web standards godfather shares thoughts on a small atrocity.zeldman.comAccessibility 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 BauerSympraxis Consulting @sympraxisconsulting.com · 11/12/2025Fun, 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-... 012
Stefan Bauer @stfbauer.bsky.social · 11/12/2025SharePoint + 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 #a11yn8d.atSharePoint Image web part: accessibility guide for authorsSite 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/2025Prediction for 2026 - tailwind got killed by AI. 😂 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... 130
Stefan Bauer @stfbauer.bsky.social · 04/11/2025Fluent 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 010
Stefan Bauer @stfbauer.bsky.social · 08/10/2025When 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/2025GDrive 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 BauerCollabDays 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: 034
Stefan Bauer @stfbauer.bsky.social · 24/07/2025I 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... 010
Stefan Bauer @stfbauer.bsky.social · 10/07/2025When 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 0120
Stefan Bauer @stfbauer.bsky.social · 09/07/2025Input 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 010
Reposted by Stefan BauerCode. Deploy. Go Live. @codedeploygo.live · 11/06/2025Working 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/e004youtu.be004 | Optimizing SharePoint Framework Projects with Reusable CodeYouTube 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 150
Stefan Bauer @stfbauer.bsky.social · 20/05/2025Too 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.comis-even-aiCheck 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 010
Stefan Bauer @stfbauer.bsky.social · 25/04/2025Four 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/2025Sorry 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. 🤔 020
Stefan Bauer @stfbauer.bsky.social · 25/04/20256 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. 010
Stefan Bauer @stfbauer.bsky.social · 12/04/2025Curious 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 #CodingTipsn8d.atLeverage SharePoint Brand Center Font in SharePoint FrameworkLearn how to leverage SharePoint Brand Center fonts in your SharePoint Framework projects with this comprehensive guide on documentation and practical usage. 032
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! 040
Stefan Bauer @stfbauer.bsky.social · 29/03/2025On my way home from an amazing MVP Summit with many friends. #mvpbuzz 050
Stefan Bauer @stfbauer.bsky.social · 21/03/2025On my way to this years MVP Summit - first stop NYC #mvpbuzz 090
Stefan Bauer @stfbauer.bsky.social · 18/03/2025Intereseting 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. 120
Stefan Bauer @stfbauer.bsky.social · 06/03/2025In SharePoint Framework something interesting happens, when you burry your SASS files 3 levels deep suddenly you code start to work. If not you might end up with an error message that looks like this: > CssSyntaxError (2:1) Unclosed block This is because #SPFx does some ugly string manipulation. 100
Stefan Bauer @stfbauer.bsky.social · 05/03/2025Since 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 120
Stefan Bauer @stfbauer.bsky.social · 04/03/2025You 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/2025Well haven't you seen in a while. > object [object] #spfx 030
Stefan Bauer @stfbauer.bsky.social · 03/03/2025Fully automated upgrade to SPFx 1.20 using M365 cli and Github Copilot. Of course it has even a rollback option. #SPFx 141
Reposted by Stefan BauerMia [data-css=poetic] @miriam.codes · 12/02/2025I'm not sure our best practices for responsive & fluid #CSS typography are actually *the best*. On my own site, using the widely accepted approach, a user preference of 16px gives me ~24px font. A pref for 24px gives me ~36px. Where did we go wrong? www.oddbird.net/2025/02/12/fluid-ty…oddbird.netReimagining Fluid Typography | OddBirdAre we responding to the right inputs? 7447
