Profile avatar
stfbauer.bsky.social
Designer, Founder, Web Methusalem, Develop because I can, Microsoft MVP. Owner of N8D
200 posts 542 followers 249 following
Prolific Poster
Conversation Starter

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

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

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

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

Well haven't you seen in a while. > object [object] #spfx

Fully automated upgrade to SPFx 1.20 using M365 cli and Github Copilot. Of course it has even a rollback option. #SPFx

I'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? https://www.oddbird.net/2025/02/12/fluid-type/

🚀 🆕 style-observer: A robust solution for observing CSS property changes in JS. Developed with @d12n.me’s help over the last month. Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others! Blog post: lea.verou.me/blog/2025/st... Docs: observe.style

That was fun - Was able to use CSS custom properties in media queries. So I can set the breakpoint based on dynamically evaluated width, which then shows up the mobile version of something ❤️ #CSS

👀 brb, just working my way through 759 lines of CSS to find the right custom property (design token) to use. If you want to easily find the right design decision in your codebase, check out this article on "Organising Outputs with Style Dictionary". www.alwaystwisted.com/articles/a-d... 🙏🖤

💪 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

The year is young and I already landed two sessions at conferences. Stay tuned. I'm coming to two really great conferences!!!

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

🎨 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

Lumon Macrodata Refinement for real - Awesome implemenation of the Serverance's TV Series Check this out: codepen.io/cobra_winfre...

Seems like Microsoft Designer places secret advertisments in their generated images. Starbucks #FTW

Docker get's identified by MacOS as malware. github.com/docker/for-m...

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.

Preparing for the CPACC isn't easy. @ashleypeacock.bsky.social created a nice quizz tool to help you prepare: Test your knowledge across the three core domains of the CPACC certification. That's a total 150 questions available. Resource: a11yconsultant.com/

This article is a useful way of framing what the problem we're trying to solve actually is. I think all the time about Kathy Sierra's quote: Users don't want to use software, they want to do the thing. uxdesign.cc/stop-solving...

WCAG 2.0 AA is required for everyone doing business in the EU. On particular Business Suite I work with every day has some catching up to do. There are many small and larger issues present, I wrote about recently. www.linkedin.com/posts/vitaly...