ComputersHowto
Google introducerade sitt koncept för materialdesign och dess specifikation för att göra användargränssnitten vackrare och enhetligare på enheter i alla skärmstorlekar. För att göra webbplatserna mer materialdesignvänliga har Google släppt Material Design Lite (MDL) som består av vanilj CSS, HTML och JavaScript.
Google-utvecklare har infört det här verktyget som gör att webbplatser ser mer ut som Android-appar. Detta är ett front-end webbramverk för att skapa webbplatser med materialdesignspekulationer. Sedan introduktionen av Android 5.0 Lollipop har Android OS en ny minimalistisk design som långsamt ses i alla Android-appar inklusive WhatsApp.Detta ramverk för Material Design Lite gör det enkelt för webbplatsutvecklarna att använda det med något av de snabba förändringarna i front-end verktygskedjor. Den har en mycket liten storlek på ~ 27KB gzippad, så det är en lättnad om du är orolig för storleken på koden.
Material Design Lites komponentbibliotek innehåller de vanliga användargränssnittselementen för materialdesign som inkluderar kryssrutor, textinmatningsfält, knappar, skjutreglage, kort, flikar och spinnare.
Den innehåller fem mallar som är: android.com-skalet, en instrumentpanel, en blogg, en fristående artikelsida och en text-tung webbsida.
Hur man använder Googles Material Design Lite?
Koden som används för implementering av materialdesign är ett litet bibliotek med komponenter som skulle användas på webbsidor och appar. Den är skriven i Sass med BEM och den kan ändras efter behov. Den är tillgänglig på GitHub eller så kan du få hela ramverket för materialdesign från Google.
Du kan välja element för anpassad design eller så kan du använda Googles temainpassare som låter dig göra ändringar i ramverket innan du använder det.
Googles Material Design Lite kommer att användas i alla moderna webbläsare som inkluderar Chrome, Opera. Firefox och Microsoft Edge och Safari.
Med tanke på att detta är baserat på materialdesign vill Google att alla ska bygga webbplatser som dessa. Sökmotorföretaget vill att sina kunder ska betjäna rena, enkla och snygga sidor. Som WebDesignerNerd nämner är de mest framgångsrika ramarna framgångsrika på grund av deras flexibilitet. Här har Google gett sitt mandat att Materialdesign är bäst och det gynnar denna specifika design av webbsidor.
Googles Material Design Lite erbjuder mycket att lära sig och det är en bra designguide men den begränsade tillämpningen kommer inte att göra människor mycket spännande.
Tänker du använda Googles Material Design Lite för webbplatsbyggnad? Berätta för oss i kommentarerna nedan.
Läs också: Hur man bygger en webbplats - En komplett guide
