Article
0 comment

Build a SharePoint / Fluent UI compliant grid from scratch

Building a grid system in the past had a lot to do with math. Luckily, implementing a grid system has dramatically changed over the last years. You don’t rely on any framework such as Fluent UI to get your things done right.

SharePoint also has a concept of single part app pages. This page type gives you an entirely blank canvas, enabling the full potential and possibilities for an application. It also comes without any grid system, but this is something we can address.

[Read more]

Article
2 comments

Develop SPFx web parts for different section designs using CSS

Over the last couple of days, I banged my head against the wall. I hate when things don’t work as expected. On the other hand, I love challenges.

The thing we are talking about the documentation on “Supporting section background“. To be clear, the documentation is correct. It works as described. The issue I and many others have with this documentation it does not apply to your project.

[Read more]

Article
0 comment

How to identify the font rendered in your Browser?

Track down fonts rendered on a web site sometimes can be challenging. Reply purely on the font family is not a safe bet. The network trace only shows that the font has been downloaded but not that it will be used and applied correctly.

Luckily, the latest versions of all major Browser offer now especially support that makes it easier to identify the real applied font. Besides, never trust what you see in the Browser; it might be something that sits only on your client.
[Read more]