@stfbauer.bsky.social
Designer, Founder, Web Methusalem, Develop because I can, Microsoft MVP. Owner of N8D
side car bike Azure DevOps work items with github copilot
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? 🤣
10.07.2025 17:41 — 👍 0 🔁 0 💬 0 📌 0
A decade of being an MVP
🏆 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 number field have some issues.
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
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.
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
Todt Klindt
@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...
Old cassette tape that says CSS Mix Tape
🧼 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...
Viva Insights agreements
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
NY Times too -
www.nytimes.com/2025/04/01/m...
Maybe many people don’t know it is Val Kilmer.
i was just amazed by the movie until someone told me
Custom backgrounds for SharePoint to align items better.
Realigned Microsoft design
🎉 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!
The best performance of Val Kilmer ever and yet noboday mentioned this movie. R.I.P Val
02.04.2025 13:23 — 👍 1 🔁 0 💬 1 📌 0On 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.
Built to allow a seamless transition from Salesforce Slack to Microsoft. For all the other folks that have been in teams before it sadly doesn't make it better.
17.03.2025 09:44 — 👍 1 🔁 0 💬 0 📌 0
hTWOo icons extracted from Fluent UI currently tessting 5663 icons for visual differences compared to the not optimised.
One step further: Step 5 in progress
13.03.2025 16:26 — 👍 0 🔁 0 💬 0 📌 0But an !!important trick.
10.03.2025 19:09 — 👍 1 🔁 0 💬 0 📌 0In addition a thing named 'clean-css' is already dead for 3 year or in other words in 'maintenance mode'
06.03.2025 10:21 — 👍 0 🔁 0 💬 0 📌 0In 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.
No it just runs an npm install -g with all the global packages that are installed on the other version.
This way I don't have to worry about upgrading a package in future and still keep them separate. It's more a help tool-ish.
I can run spfx 1.19 on node 18 and spfx 20 on nodejs 20 and so on.
Run of node package sync between different versions.
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
Fair point - copilot can you read that article for me 😂
05.03.2025 13:28 — 👍 2 🔁 0 💬 0 📌 0
RTFM helps :D
mdn.io/font-size
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
