Aflevering
Fluent UI React Insights: Styling
wordt uitgevoerd met Oleksandr Fediashov
Fluent UI Insights is een reeks waarin het ontwerp en de beslissingen achter het Fluent UI-ontwerpsysteem worden beschreven. In de tweede aflevering leggen technici van het Fluent UI-team problemen uit met betrekking tot besturingselementen voor stylinggebruikersinterfaces door de vereisten te delen en ook problemen met bestaande oplossingen te beschrijven.
Hoofdstukken
- 00:00 - Inleiding
- 00:30 - CSS?
- 01:44 - CSS-specificiteit
- 06:47 - BEM, CSS, CSS-in-JS
- 12:30 - Staat van zaken
- 13:32 - Niet het einde...
Aanbevolen informatiebronnen
- https://github.com/microsoft/fluentui
- https://react.fluentui.dev/
- Een artikel over CSS-specificiteit
- CodeSandbox met een afhankelijkheid van de importvolgorde
- Startpagina van Semantische gebruikersinterface
- BEM-startpagina
- Specificatie van CSS-modules
- Emotion.js startpagina
- Een probleem in Emotion.js over prestatietreffers wanneer stijlen worden gebruikt die zijn gedefinieerd in een onderdeel
- Fela.js startpagina
Fluent UI Insights is een reeks waarin het ontwerp en de beslissingen achter het Fluent UI-ontwerpsysteem worden beschreven. In de tweede aflevering leggen technici van het Fluent UI-team problemen uit met betrekking tot besturingselementen voor stylinggebruikersinterfaces door de vereisten te delen en ook problemen met bestaande oplossingen te beschrijven.
Hoofdstukken
- 00:00 - Inleiding
- 00:30 - CSS?
- 01:44 - CSS-specificiteit
- 06:47 - BEM, CSS, CSS-in-JS
- 12:30 - Staat van zaken
- 13:32 - Niet het einde...
Aanbevolen informatiebronnen
- https://github.com/microsoft/fluentui
- https://react.fluentui.dev/
- Een artikel over CSS-specificiteit
- CodeSandbox met een afhankelijkheid van de importvolgorde
- Startpagina van Semantische gebruikersinterface
- BEM-startpagina
- Specificatie van CSS-modules
- Emotion.js startpagina
- Een probleem in Emotion.js over prestatietreffers wanneer stijlen worden gebruikt die zijn gedefinieerd in een onderdeel
- Fela.js startpagina
Wilt u feedback geven? Dien hier een probleem in.