W3.CSS Material Design
Material Design
Material Design — Google tomonidan 2014-yilda taqdim etilgan dizayn tizimi.
Material Design interfeys elementlarini tartibga solish uchun vizual chuqurlik, bo‘shliqlar, rang, harakat va balandlik (elevation) effektlaridan foydalanadi.
W3.CSS yordamida kartochkalar, soyalar, ranglar, panellar (bar) va moslashuvchan maketlar orqali Material Design’dan ilhomlangan interfeyslar yaratish mumkin.
W3.CSS bilan Material Design ko‘rinishi
Shunga o‘xshash vizual uslub yaratish uchun w3-card, w3-bar, w3-button kabi W3.CSS klasslari va rang klasslarini birlashtirish mumkin.
Bu misolda panellar (bar), kartochkalar, ranglar va soyalar birlashtirilgan:
Today
Yesterday
Rang mavzulari
Material’dan ilhomlangan interfeyslarda ko‘pincha kuchli asosiy rang uning ochroq va to‘qroq variantlari bilan birga ishlatiladi.
Places to Visit
Cinque Terre
The Cinque Terre is five small villages on the Italian Riviera.
Monterosso
Monterosso al Mare is the northernmost of the villages.
Vernazza
Vernazza is one of the five villages of the Cinque Terre.
Europe Italy
Navigatsiya panellari
Material uslubidagi interfeyslarda ko‘pincha holat paneli, asboblar paneli va tablar paneli kabi ustma-ust joylashgan navigatsiya hududlari ishlatiladi.
Holat paneli
Asboblar paneli
Tablar paneli
Rang-barang kartochkalar
Kartochkalar — bir-biriga bog‘liq kontent va amallarni guruhlashning keng tarqalgan usuli.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!