ComputersHowto
Google introducerede sit koncept for materialedesign og dets specifikationer for at gøre brugergrænsefladerne smukkere og ensartede på enheder i alle skærmstørrelser. For at gøre webstederne mere materialedesignvenlige har Google frigivet Material Design Lite (MDL), der består af vanille CSS, HTML og JavaScript.
Google-udviklere har introduceret dette værktøj, der får websteder til at ligne mere på Android-apps. Dette er en front-end webramme til oprettelse af websteder med Material Design-spekulationer. Siden introduktionen af Android 5.0 Lollipop har Android OS et nyt minimalistisk design, som langsomt ses i alle Android-apps inklusive WhatsApp.Denne Material Design Lite-ramme gør det nemt for webstedsudviklerne at bruge det med et af de hurtige skiftende landskaber i frontend-værktøjskæder. Det har en meget lille størrelse på ~ 27 KB gzippet, så det er en lettelse, hvis du er bekymret for størrelsen på koden.
Material Design Lite's komponentbibliotek inkluderer de almindelige brugergrænsefladeelementer i materialedesign, der inkluderer afkrydsningsfelter, tekstinputfelter, knapper, skyder, kort, faner og spinnere.
Det inkluderer fem skabeloner, der er: android.com-skin, et dashboard, en blog, en uafhængig artikelside og en teksttung webside.
Sådan bruges Googles Material Design Lite?
Koden, der bruges til implementering af Material Design, er et lille bibliotek med komponenter, der vil blive brugt på websider og apps. Det er skrevet i Sass ved hjælp af BEM, og det kan ændres efter behov. Den er tilgængelig på GitHub, eller du kan få den komplette ramme for materialedesign fra Google.
Du kan vælge elementer til tilpasset design, eller du kan bruge Googles tematilpasning, der giver dig mulighed for at foretage ændringer i rammen, inden du bruger den.
Googles Material Design Lite app i alle moderne browsere, der inkluderer Chrome, Opera. Firefox og Microsoft Edge og Safari.
I betragtning af det faktum, at dette er baseret på Material Design, ønsker Google, at alle skal bygge websteder som disse. Søgemaskinefirmaet ønsker, at sine kunder skal betjene rene, enkle og flotte sider. Som WebDesignerNerd nævner, er de mest succesrige rammer vellykkede på grund af deres fleksibilitet. Her har Google givet sit mandat om, at materialedesign er det bedste, og det favoriserer dette specifikke design af websider.
Googles Material Design Lite tilbyder meget at lære, og det er en god designguide, men den begrænsede anvendelse gør ikke folk meget spændende.
Vil du bruge Googles Material Design Lite til webstedsopbygning? Fortæl os i kommentarerne nedenfor.
Læs også: Hvordan man bygger et websted - En komplet guide
