ComputersHowto
Google przedstawił swoją koncepcję projektowania materiałów i specyfikację, aby interfejsy użytkownika były piękniejsze i bardziej jednolite na urządzeniach o wszystkich rozmiarach ekranu. Aby witryny były bardziej przyjazne dla Material Design, firma Google wydała Material Design Lite (MDL), który składa się z czystego CSS, HTML i JavaScript.
Programiści Google wprowadzili to narzędzie, dzięki któremu strony internetowe będą wyglądać bardziej jak aplikacje na Androida. Jest to front-endowy framework sieciowy do tworzenia stron internetowych ze spekulacjami Material Design. Od czasu wprowadzenia Androida 5.0 Lollipop, system operacyjny Android ma nowy minimalistyczny wygląd, który jest powoli widoczny we wszystkich aplikacjach na Androida, w tym WhatsApp.Ta struktura Material Design Lite ułatwia twórcom stron internetowych korzystanie z niej w dowolnym szybko zmieniającym się krajobrazie łańcuchów narzędzi front-end. Ma bardzo mały rozmiar ~ 27KB spakowany gzipem, więc jest to ulga, jeśli martwisz się o rozmiar kodu.
Biblioteka komponentów Material Design Lite zawiera typowe elementy interfejsu użytkownika Material Design, które obejmują pola wyboru, pola wprowadzania tekstu, przyciski, suwaki, karty, karty i pokrętła.
Zawiera pięć szablonów, którymi są: skórka android.com, pulpit nawigacyjny, blog, samodzielna strona z artykułem i strona internetowa z dużą ilością tekstu.
Jak korzystać z Google Material Design Lite?
Kod używany do implementacji Material Design to mała biblioteka komponentów, które będą używane na stronach internetowych i w aplikacjach. Jest napisany w Sassie przy użyciu BEM i może być modyfikowany w zależności od potrzeb. Jest dostępny na GitHub lub możesz pobrać pełną strukturę Material Design Framework od Google.
Możesz wybrać elementy do niestandardowego projektu lub skorzystać z narzędzia dostosowywania motywów Google, które umożliwia wprowadzanie zmian w strukturze przed jej użyciem.
Material Design Lite firmy Google będzie działać we wszystkich nowoczesnych przeglądarkach, w tym Chrome i Opera. Firefox, Microsoft Edge i Safari.
Biorąc pod uwagę fakt, że jest to oparte na Material Design, Google chce, aby każdy budował takie strony internetowe. Firma zajmująca się wyszukiwarką chce, aby jej klienci dostarczali czyste, proste i dobrze wyglądające strony. Jak wspomina WebDesignerNerd, najbardziej udane frameworki odnoszą sukcesy ze względu na ich elastyczność. W tym przypadku Google przyznał, że Material Design jest najlepszy i faworyzuje ten konkretny projekt stron internetowych.
Material Design Lite firmy Google oferuje wiele do nauczenia się i jest świetnym przewodnikiem po projektowaniu, ale jego ograniczona aplikacja nie sprawi, że ludzie będą bardzo ekscytujący.
Czy zamierzasz korzystać z Material Design Lite firmy Google do tworzenia witryn internetowych? Powiedz nam w komentarzach poniżej.
Przeczytaj także: Jak zbudować stronę internetową - kompletny przewodnik
