devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Frontend
Home›Frontend›FAST Microsoftu z systemami projektowania adaptacyjnego

FAST Microsoftu z systemami projektowania adaptacyjnego

By Bernadeta Zapała
4 sierpnia 2020
188
0
Share:

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.

FAST

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

TagsCSSDevelopmentFastJavaScriptMicrosoftWeb Development

Share:

  • Narzędzia

    Corticon.js – bezserwerowy silnik reguł dla aplikacji JavaScript

  • Systemy i przeglądarki

    Edge 89 beta, Edge Dev 90 i nowości na kanale Canary

  • Linux 5.10
    Systemy i przeglądarki

    Linux 5.10 w wersji testowej już dostępny

  • 25 lutego 2021

    ReacType 5.0 – zmiany we wprowadzaniu komponentów

  • 23 lutego 2021

    Dapr v.1.0 gotowy do fazy produkcji

  • 22 lutego 2021

    ReScript 9.0 z zewnętrzną konfiguracją stdlib

  • 22 lutego 2021

    One UI 3.1 z ciekawymi nowościami dla urządzeń Samsunga

  • 22 lutego 2021

    Windows Terminal Preview 1.6 z nową sekcją ustawień

  • 15 lutego 2021

    Visual Studio Code 1.53 z ulepszeniami debugowania

  • 8 lutego 2021

    Edge 89 beta, Edge Dev 90 i nowości na kanale Canary

  • 2 lutego 2021

    Firefox 85 i Firefox Nightly – nowe wersje przeglądarki Mozilli

  • 29 stycznia 2021

    Billboard.js 2.2.0 z nowymi funkcjami wykresów

  • 26 stycznia 2021

    Kendo UI R1 2021 – nowości dla bibliotek

  • 21 stycznia 2021

    Narzędzie Vno – połączenie Vue i Deno

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

  • 9 grudnia 2020

    Chrome 88 Beta z nowościami w WebXR

  • 9 grudnia 2020

    Snowpack 3.0 RC z eksperymentalnymi funkcjami

  • 4 grudnia 2020

    Android Studio Arctic Fox – nowe wydanie narzędzia Google

  • 4 grudnia 2020

    The Hack Summit 2020 – konferencja IT Security

  • 2 grudnia 2020

    PowerToys 0.27 z poprawkami błędów

  • 2 grudnia 2020

    Aleph.js alfa z funkcją importowania map

  • 27 listopada 2020

    Cypress 6.0 zwiększa zakres możliwości obsługi sieci

  • 26 listopada 2020

    Firefox 83 przyspiesza i wprowadza tryb HTTPS-Only

  • 25 listopada 2020

    Electron 11.0 z obsługą Apple Silicon

  • 25 listopada 2020

    Prettier 2.2 z obsługą najnowszego TypeScript 4.1

  • 24 listopada 2020

    Tailwind CSS 2.0 z narzędziami kontroli tekstu

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT