ComputersHowto
Google introduserte konseptet med materialdesign og spesifikasjonen for å gjøre brukergrensesnittene vakrere og enhetligere på enheter i alle skjermstørrelser. For å gjøre nettstedene mer materialdesignvennlige, har Google gitt ut Material Design Lite (MDL) som består av vanilje CSS, HTML og JavaScript.
Google-utviklere har introdusert dette verktøyet som vil få nettsteder til å ligne mer på Android-apper. Dette er et front-end web-rammeverk for å lage nettsteder med Material Design-spekulasjoner. Siden introduksjonen av Android 5.0 Lollipop har Android OS en ny minimalistisk design som sakte blir sett i alle Android-apper, inkludert WhatsApp.Dette Material Design Lite-rammeverket gjør det enkelt for nettstedsutviklerne å bruke det med noe av det raskt skiftende landskapet i frontend-verktøyskjeder. Den har en veldig liten størrelse på ~ 27KB gzippet, og det er derfor en lettelse hvis du er bekymret for størrelsen på koden.
Material Design Lites komponentbibliotek inkluderer de vanlige brukergrensesnittelementene i materialdesign som inkluderer avkrysningsbokser, tekstinntastingsfelt, knapper, glidebrytere, kort, faner og spinnere.
Den inneholder fem maler som er: android.com-huden, et dashbord, en blogg, en frittstående artikkelside og en teksttung webside.
Hvordan bruke Googles Material Design Lite?
Koden som brukes for implementering av Material Design er et lite bibliotek med komponenter som vil bli brukt på websider og apper. Den er skrevet i Sass ved bruk av BEM, og den kan modifiseres etter behov. Den er tilgjengelig på GitHub, eller du kan få det komplette rammeverket for materialdesign fra Google.
Du kan velge elementer for tilpasset design, eller du kan bruke Googles tematilpasning som lar deg gjøre endringer i rammeverket før du bruker det.
Googles Material Design Lite vil brukes i alle moderne nettlesere som inkluderer Chrome, Opera. Firefox og Microsoft Edge og Safari.
Gitt det faktum at dette er basert på Material Design, vil Google at alle skal bygge nettsteder som disse. Søkemotorselskapet ønsker at kundene sine skal levere rene, enkle og flotte sider. Som WebDesignerNerd nevner, er de mest vellykkede rammene vellykkede på grunn av deres fleksibilitet. Her har Google gitt sitt mandat om at Material Design er det beste, og det favoriserer denne spesifikke utformingen av websider.
Googles Material Design Lite tilbyr mye å lære, og det er en flott designguide, men den begrensede applikasjonen vil ikke gjøre folk veldig spennende.
Skal du bruke Googles Material Design Lite til nettstedsbygging? Fortell oss i kommentarene nedenfor.
Les også: Hvordan lage et nettsted - En komplett guide
