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 from Perf Links by WebPerformance Report:
⚡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.
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."
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. 😂
CSS Mix Tape - Inject to save time - Replace CSS Comb
🚀 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...
Because it does not need to run an authentication flow before loading assets.
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.
Difference between public and private:
Private:
you have to authenticate against the CDN to load assets
which is slower.
Fonts, Template, Site Assets,
learn.microsoft.com/en-us/sharep...
learn.microsoft.com/en-us/sharep...
And basically everything you store in those libraries.
Fluent UI 9 Typography and SharePoint Framework — Featured image for typography mapping guide
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
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.
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?
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.
🎨 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!!!
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? 🤣
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...
