Google představil Material Design Lite pro web. Chce přebarvit internet

Google představil Material Design Lite pro web. Chce přebarvit internet

Grafický styl Material z nejnovějších verzí Androidu by seč měl dostat i na širý web. Přejí si to alespoň designéři z Googlu, kteří připravili balík stylů Material Design Lite, které lze snadno vložit do webových stránek s pomocí CSS a Javascriptu.

Klepněte pro větší obrázek
Katalog elementů HTML, které jsou součástí MDL 

Celý MDL se skládá z hromady komponent počínaje tlačítky, která vypadají identicky jako v materiálovém designu na Androidu 5,  a konče rozbalovacími nabídkami, tabulkami, přepínači a dalšími elementy. MDL v podstatě obsahuje všechny typy webových ovládacích prvků.

Grafici z Googlu dokonce připravili i několik kompletních šablon, které můžete stáhnout a nasadit na vlastní web, nebo po patřičné úpravě na některý z CMS systémů typu Wordpress, Drupal aj.

Klepněte pro větší obrázek Klepněte pro větší obrázek Klepněte pro větší obrázek
Hotové šablony ke stažení

Témata článku: Google, Web, Programování, Design, Material, Wordpress

36 komentářů

Nejnovější komentáře

  • Tomáš Procházka 8. 7. 2015 15:42:13
    Tento jejich design je naprosto příšerný na webu viz například google...
  • Tuxiik 8. 7. 2015 8:31:46
    Je to věc vkusu. Osobně se mi to nelíbí, je to to samý, co provádí MS s...
  • hamik 7. 7. 2015 23:14:54
    Bohajeho, to je hnus... z toho by i prase blilo :-/ At si fakt radsi...
Určitě si přečtěte

Pojďme programovat elektroniku: Postavíme si titěrnou Wi-Fi meteostanici s lepším teploměrem než Netatmo

Pojďme programovat elektroniku: Postavíme si titěrnou Wi-Fi meteostanici s lepším teploměrem než Netatmo

** Dnes se podíváme na maličkou Wi-Fi destičku Wemos D1 mini ** A připojíme k ní barometrický a teplotní shield ** Poběží na ní web a nabídne i JSON API

18.  6.  2017 | Jakub Čížek | 27

Jak vybrat monitor k počítači: nenechte se zlákat nepodstatnými parametry

Jak vybrat monitor k počítači: nenechte se zlákat nepodstatnými parametry

** Na jaké parametry se zaměřit a kde vás výrobci chtějí nachytat ** Monitory se stále více specifikují pro konkrétní určení ** Náročný hráč nebo profesionální grafik mají různé požadavky

20.  6.  2017 | Tomáš Holčík | 31

Dlouhodobý test HTC Vive: co vám recenze o virtuální realitě neřeknou

Dlouhodobý test HTC Vive: co vám recenze o virtuální realitě neřeknou

** Ani hry se sebelepší grafikou vás nevtáhnou tolik, jako ve virtuální realitě ** Pro sledování filmů není VR ani zdaleka ideální ** I první generace je skvělá, stále však působí jako prototyp

20.  6.  2017 | Stanislav Janů | 19


Aktuální číslo časopisu Computer

Bojujeme proti Fake News

Dva velké testy: fotoaparáty a NASy

Co musíte vědět o změně evropského roamingu

Radíme s výběrem základní desky