Podczas .NET Community Standup główny szef architektury UX i narzędzi w firmie Microsoft wprowadził framework FAST. Pozwala on programistom na tworzenie własnych systemów projektowania i bibliotek komponentów internetowych. Dzieje się to przez dostosowywanie właściwości i stylów.

Czym jest FAST?

Jest to zbiór pakietów JavaScript, wykorzystujący adaptacyjny system kolorów. Framework jest dostarczany z gotową biblioteką komponentów Fluent UI. Przede wszystkim framework Microsoftu spełnia wszystkie wymagania o kontraście, dostępności, obsługując motywy kolorów.

Pakiety wchodzące w skład FAST

Pierwszym pakietem jest foundation. Jest biblioteką klas składników internetowych, szablonów oraz narzędzi przeznaczonych do wkomponowania zarejestrowanych komponentów przez systemy projektowania. Biblioteka foundation nie eksportuje elementów niestandardowych. Implementuje dostępne semantyczne znaczniki bez stylów.

Kolejny pakiet – element – zawiera podstawową klasę wykonawczą do składników sieci Web API.

Z kolei components eksportuje bibliotekę komponentów internetowych, komponujących się z bazą fast-foundation arkuszy stylów. Dostosowuje się do języka projektowania FAST. Ponadto biblioteka rejestruje własne elementy. Mowa o components-msft – biblioteka składników sieci Web zbudowana z bazą fast-foundation, jednak tym razem obsługuje język projektowania Fluent.

Ostatnim pakietem jest colors, który eksponuje opakowania obsługujące wiele przestrzeni koloru (np. CIELAB lub CIELCH).

Własny system projektowania

Jeśli zdefiniujemy FAST jako zbiór właściwości i wartości określających wizualny język projektowania komponentów, to możemy zdefiniować własne systemy projektowania. Dzięki niestandardowemu elementowi DesignSystemProvider jest to możliwe. Zawiera on listę niestandardowych właściwości, z których korzysta się przy arkuszach stylu komponentów. Przykładowo FASTDesignSystemProvider zapewnia rampę typu, gdzie różne rozmiary i wysokości czcionek konfiguruje się przy pomocy 18 właściwości.

Wymagania dostępności

Właściwości frameworka pozwalają programistom wprowadzić nie tylko jasnego lub ciemnego motywu, ale także pośrednich elementów, co zapewnia jednolity interfejs w różnych kolorach tła. Ponadto FAST stara się rozwiązać problem dostępności w przypadku niedowidzenia kolorów. Korzysta z tzw. algorytmicznych kolorów, obliczanych na podstawie serii receptur, które wykorzystują kolory bazowe jako dane wejściowe.

Nowy framework zawiera także własne konwencje i DSL do implementacji problemów związanych z renderowaniem i zarządzaniem stanem.

Źródło: InfoQ