Material Design Lite Nedir? Nasıl Kullanılır? Örnekler

Material Design Lite (MDL), Google tarafından geliştirilmiş bir CSS, JavaScript ve HTML çerçevesidir. Material Design yönergelerini takip eden web siteleri ve uygulamalar oluşturmak için kullanılır.

MDL, aşağıdakiler dahil olmak üzere çeşitli avantajlar sunar:

• Material Design yönergeleri ile uyumluluk: MDL, Material Design yönergelerini takip ederek web siteleri ve uygulamalar oluşturmanızı sağlar.
• Duyarlı tasarım: MDL, web sitelerinin ve uygulamaların çeşitli cihazlarda iyi görünmesini sağlar.
• Kullanılabilirlik: MDL, web sitelerinin ve uygulamaların kullanılmasını kolaylaştırır.
• Performans: MDL, web sitelerinin ve uygulamalarının performansını düşürmez.

MDL, aşağıdakiler dahil olmak üzere çeşitli bileşenler sunar:

• Düğmeler: MDL, çeşitli düğme bileşenleri sunar.
• Kartlar: MDL, çeşitli kart bileşenleri sunar.
• Listeler: MDL, çeşitli liste bileşenleri sunar.
• Navigasyon: MDL, çeşitli navigasyon bileşenleri sunar.
• Formlar: MDL, çeşitli form bileşenleri sunar.

MDL, aşağıdaki gibi çeşitli şekillerde kurulabilir:

• CDN’den (Content Delivery Network): MDL, CDN’den indirilerek kullanılabilir.
• Yerel olarak: MDL, yerel olarak indirilerek ve kurularak kullanılabilir.

MDL’yi kullanmak için aşağıdaki adımları izleyin:

1. MDL’yi indirin.
2. MDL’yi web sitenize veya uygulamanıza ekleyin.
3. MDL’nin bileşenlerini ve özelliklerini kullanın.

MDL’yi kullanmak için bazı örnekler şunlardır:

• Bir web sitesine bir düğme eklemek: MDL’nin button bileşenini kullanarak bir web sitesine basit bir düğme ekleyebilirsiniz.
• Bir web sitesine bir kart eklemek: MDL’nin card bileşenini kullanarak bir web sitesine basit bir kart ekleyebilirsiniz.
• Bir web sitesine bir liste eklemek: MDL’nin list bileşenini kullanarak bir web sitesine basit bir liste ekleyebilirsiniz.
• Bir web sitesine bir gezinme menüsü eklemek: MDL’nin navigation bileşenini kullanarak bir web sitesine basit bir gezinme menüsü ekleyebilirsiniz.
• Bir web sitesine bir form eklemek: MDL’nin form bileşenini kullanarak bir web sitesine basit bir form ekleyebilirsiniz.

MDL, web siteleri ve uygulamalar oluşturmak için güçlü bir araçtır. MDL’yi kullanarak, Material Design yönergelerini takip ederek web siteleri ve uygulamalar oluşturabilirsiniz.

Material Design Lite hangi sitelerde kullanılıyor?

Material Design Lite, çeşitli web sitelerinde ve uygulamalarda kullanılmaktadır. İşte bazı örnekler:

• Google Ads: Google Ads, reklamverenler için bir reklam platformudur. MDL, Google Ads’in web sitesine ve mobil uygulamasına uygulanır.
• Google Cloud Platform: Google Cloud Platform, işletmeler için bir bulut bilişim platformudur. MDL, Google Cloud Platform’un web sitesine ve mobil uygulamasına uygulanır.
• Google Drive: Google Drive, kullanıcıların dosyalarını depolaması ve paylaşması için bir bulut depolama hizmetidir. MDL, Google Drive’ın web sitesine ve mobil uygulamasına uygulanır.
• Google Haritalar: Google Haritalar, kullanıcıların dünyanın herhangi bir yerinden yol tarifi almasını ve haritalara bakmasını sağlayan bir harita ve navigasyon uygulamasıdır. MDL, Google Haritalar uygulamasına uygulanır.
• YouTube: YouTube, kullanıcıların video yüklemesi, izlemesi ve paylaşması için bir video barındırma platformudur. MDL, YouTube’un web sitesine ve mobil uygulamasına uygulanır.

MDL, web siteleri ve uygulamalar oluşturmak için popüler bir araçtır. Material Design yönergelerini takip eden modern ve duyarlı web siteleri ve uygulamalar oluşturmak için kullanılabilir.