Material Design Lite ile Google’ın tasarım dili web sitelerine gelecek

Haberleri Kaçırma! Teknoblog'u Google Arama'da tercihli kaynağın yap ve En Çok Okunan Haberler'de bizi daha sık gör.

Google şu anda Android’in ve web servislerinin tasarımında önemli rol oynayan Material Design’ı geçtiğimiz yaz tanıtmıştı. Bunun üzerinden yaklaşık bir yıl geçmişken şimdi de Material Design Lite web tasarım çerçevesini duyurdu, bu tasarım dilini Web’e getirmek için önemli bir adım attı.

Google, Material Design Lite ile ilgili çeşitli vaatlerde bulunuyor. Bunların arasında daha eski internet tarayıcılarında zarif bir şekilde indirgeneceği, Material Design izlerini ve havasını taşıyan web sitelerinin JavaScript, CSS ve HTML aracılığıyla hayata geçeceği de bulunuyor. Bileşenler kütüphanesi rozet ve butonlar gibi çeşitli nesnelere erişim imkanı tanıyacak, özelleştirme seçenekleri de bütün bunlara kişisellik katmaya izin verecek.

İLGİNİZİ ÇEKEBİLİR

Google Android 17 ile yapay zekâ özelliklerini bir adım ileri taşıyor

17 Haz 2026

Google Earth artık tarayıcıda sanal uçuş deneyimi sunuyor

16 Haz 2026

Google Chrome uBlock Origin ve diğer reklam engelleyicilere desteği tamamen sonlandırıyor

16 Haz 2026

Google CEO’su Stanford’da Project Nimbus protestosuyla karşılaştı

16 Haz 2026

Google Earth uçuş simülatörü ücretsiz olarak webde açıldı

14 Haz 2026

Google Geliştiriciler’in Medium sayfası üzerinden Material Design Lite’ın tanıtımı gerçekleştirildi. Burada yeni tasarım çerçevesinin çeşitli yaklaşımları ve yetenekleri detaylandırıldı. Lite parçası Material Design Lite’ın (MDL) kolay kullanılabilir oluşuyla ilgili. MDL çatıdan bağımsız olacak, kod büyüklüğü gzip ile sıkıştırılmış şekilde 27 kb civarında olacak.

MDL ile gösterilen web siteleri çoğu Android kullanıcısının görmeye alıştığı tarzda olacak, Material Design dilinin çeşitli elementleri menülerden grafiklere kadar görüntülenecek.

Metin alanları, butonlar, fırıldaklar ve bunun gibi nesneler de Material Design Lite çerçevesi içinde yer alıyor. İlgilenenler Material Design Lite kaynak kütüphanesini GitHub içinden indirip işe başlayabilir. Bunun yanı sıra tema özelleştiricisi de hazır şekilde bekliyor.