ComputersHowto
Google introduceerde zijn concept van materiaalontwerp en de specificatie ervan om de gebruikersinterfaces mooier en uniformer te maken op apparaten van alle schermformaten. Om de websites materiaalontwerpvriendelijker te maken, heeft Google Material Design Lite (MDL) uitgebracht, dat bestaat uit vanille CSS, HTML en JavaScript.
Google-ontwikkelaars hebben deze tool geïntroduceerd waarmee websites meer op Android-apps lijken. Dit is een front-end webraamwerk voor het maken van websites met speculaties in materiaalontwerp. Sinds de introductie van Android 5.0 Lollipop, heeft het Android-besturingssysteem een nieuw minimalistisch ontwerp dat langzaamaan zichtbaar wordt in alle Android-apps, inclusief WhatsApp.Dit Material Design Lite-framework maakt het gemakkelijk voor website-ontwikkelaars om het te gebruiken met het snel veranderende landschap van front-end tool chains. Het heeft een zeer kleine grootte van ~ 27 KB gzipped, dus het is een verademing als je je zorgen maakt over de grootte van de code.
De componentenbibliotheek van Material Design Lite bevat de algemene gebruikersinterface-elementen van materiaalontwerp, waaronder selectievakjes, tekstinvoervelden, knoppen, schuifregelaars, kaarten, tabbladen en spinners.
Het bevat vijf sjablonen: de android.com-skin, een dashboard, een blog, een zelfstandige artikelpagina en een webpagina met veel tekst.
Hoe Google's Material Design Lite te gebruiken?
De code die wordt gebruikt voor de implementatie van Material Design is een kleine bibliotheek met componenten die op webpagina's en apps zou worden gebruikt. Het is geschreven in Sass met behulp van BEM en kan naar behoefte worden aangepast. Het is beschikbaar op GitHub of u kunt het volledige Material Design Framework-framework van Google krijgen.
U kunt elementen kiezen voor een aangepast ontwerp of u kunt de thema-aanpasser van Google gebruiken waarmee u wijzigingen in het framework kunt aanbrengen voordat u het gebruikt.
Google's Material Design Lite werkt in alle moderne browsers, waaronder Chrome en Opera. Firefox en Microsoft Edge en Safari.
Gezien het feit dat dit gebaseerd is op Material Design, wil Google dat iedereen dit soort websites bouwt. Het zoekmachinebedrijf wil dat zijn klanten schone, eenvoudige en goed uitziende pagina's aanbieden. Zoals de WebDesignerNerd vermeldt, zijn de meeste succesvolle frameworks succesvol vanwege hun flexibiliteit. Hier heeft Google zijn mandaat gegeven dat Material Design het beste is en geeft het de voorkeur aan dit specifieke ontwerp van webpagina's.
Google's Material Design Lite biedt veel te leren en het is een geweldige ontwerpgids, maar de beperkte toepassing zal mensen niet erg opwindend maken.
Gaat u Google's Material Design Lite gebruiken voor het bouwen van websites? Vertel het ons in reacties hieronder.
Lees ook: Hoe een website te bouwen - een complete gids
