There are plenty of these libraries. Can someone tackle the hot mess css is? Give me one way of doing things. Css breaks do much shit for me to the point where I don’t want to code
Microsoft Fast Design
11–20 of 216 posts
Re: Microsoft Fast Design
#12Took a quick look:
It has limited components. It isn't fast on my mobile device. Some components appear to be broken. Why would I ever use this?
Re: Microsoft Fast Design
#13There are many design issues with their website which IMHO don't provide great confidence in using their components
Re: Microsoft Fast Design
#14For those that miss it, the dark mode can be turned off on the top right corner.
Re: Microsoft Fast Design
#15Allow me to ask the obvious question: How does Fast compare against React, Angular, VueJS, etc.?
From this page:
https://www.fast.design/docs/fast-element/observables-and-st...
> The arrow function bindings and directives used in templates allow the fast-element templating engine to intelligently react by only updating the parts of the DOM that actually change, with no need for a virtual DOM, VDOM diffing, or DOM reconciliation algorithms. This approach enables top-tier initial render time, industry-leading incremental DOM updates, and ultra-low memory allocation.
> When a binding is used within a template, the underlying engine uses a technique to capture which properties are accessed in that expression. With the list of properties captured, it then subscribes to changes in their values. Any time a value changes, a task is scheduled on the DOM update queue. When the queue is processed, all updates run as a batch, updating precisely the aspects of the DOM that have changed.
That's neat.
Re: Microsoft Fast Design
#16Took a quick look: It has limited components. It isn't fast on my mobile device. Some components appear to be broken. Why would I ever use this?
Sliders and radio buttons do not seem to work on Firefox for Android nightly build.
Re: Microsoft Fast Design
#17Not sure if it's just me but I kind of feel like these components are not very polished - at least not to the point of Bootstrap/AntDesign. May be it's the square unrounded borders or may be it's just the way the demo components are presented.
Re: Microsoft Fast Design
#18Check out the FAST Component explorer to see it in action: https://explore.fast.design/
Looks very flexible but the presentation and default design is horrible.
Re: Microsoft Fast Design
#19There are plenty of these libraries. Can someone tackle the hot mess css is? Give me one way of doing things. Css breaks do much shit for me to the point where I don’t want to code
If you use React, you might like Rebass (https://rebassjs.org/getting-started), which turns the most common CSS attributes into component props with assorted built-in functionality for common theming and media queries, or Emotion (https://emotion.sh/docs/introduction), which lets you composably define CSS per component that automatically gets scoped to that component only. Both are designed in a way that still render efficiently, such as turning static CSS rules into statically-defined bundles and only swapping out the dynamic bits on the fly.
Re: Microsoft Fast Design
#20Ok, so it looks like the main point of this is fast-components, which is a just a bunch of components styled as MS-style, but I'm more interested in the fast-foundation package.
According to the instructions:
> The exports of this package can generally be thought of as un-styled base components that implement semantic and accessible markup and behavior.
> it exports parts and pieces intended to be composed into Web Components, allowing you to implement your own design language by simply applying CSS styles and behaviors without having to write all the JavaScript that's involved in building production-quality component implementations.
Which means... if I want to make my own components, I can just take this package and don't worry about making broken components. Since the core HTML/JS is properly taken care (by MS, hopefully) I can less worry about re-implementing keyboard access, or things like accessibility which is hard to do properly. This is IMO huge, and should be more universal.