Material.io For Web Kullanımı | 1-CDN Kurulum

Âlfonse

xFanatik
XGT 2 kullanıcı
Katılım
22 Nis 2017
Mesajlar
876
Material.io material design component içeren bir frameworktür.Android web ios ve flutter için kaynakları mevcuttur.Ben web platformlarda kendimce anlatacağım.Bu konuda cdn ile framework'ü çağıracağım.


Kendi sitesinde bulunan örnek bir şablona göz atalım;


HTML:
<head>
  <link href="https://unpkg.com/[email protected]/dist/material-components-web.min.css" rel="stylesheet">
  <script src="https://unpkg.com/[email protected]/dist/material-components-web.min.js"></script>
</head>
Bu kodla material design component i dahil etmiş olduk.
 

Âlfonse

xFanatik
XGT 2 kullanıcı
Katılım
22 Nis 2017
Mesajlar
876
Material Icons

HTML:
<head>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
 

ibrahimykr

xFanatik
XGT 2 kullanıcı
Katılım
19 Eyl 2017
Mesajlar
268
Konum
Türkiye
Eline sağlık hocam, ama kafama bir şeyler takıldı 'hep takılıyor gerçi' neden cdn ile çağırıyoruz.
 

Âlfonse

xFanatik
XGT 2 kullanıcı
Katılım
22 Nis 2017
Mesajlar
876
Eline sağlık hocam, ama kafama bir şeyler takıldı 'hep takılıyor gerçi' neden cdn ile çağırıyoruz.
Eğer cdn ile çağırırsan uzak kaynaktan dahil etmiş olursun.Kendi sunucuna daha az yük bindirmek için kullanılır.Şöyle düşün o js ve css dosyaları eğer kendi sitenden dahil edilmiş ise website önbelleğe alınırken o dosyalar senin sucunundan alınmış olur ve her defasında kendinden dahil edip siteni yavaşlatmış olursun.Ancak cdn ile dahil edersek bu dosya farklı sunucudan çağırılır ve bununla senin sitende yavaşlama veya yük görülmez.
 

ibrahimykr

xFanatik
XGT 2 kullanıcı
Katılım
19 Eyl 2017
Mesajlar
268
Konum
Türkiye
Eğer cdn ile çağırırsan uzak kaynaktan dahil etmiş olursun.Kendi sunucuna daha az yük bindirmek için kullanılır.Şöyle düşün o js ve css dosyaları eğer kendi sitenden dahil edilmiş ise website önbelleğe alınırken o dosyalar senin sucunundan alınmış olur ve her defasında kendinden dahil edip siteni yavaşlatmış olursun.Ancak cdn ile dahil edersek bu dosya farklı sunucudan çağırılır ve bununla senin sitende yavaşlama veya yük görülmez.
Önceden Incapsula kullanan biriyim, cdn'e oranla daha iyi gibi geliyor. Incapsula ile çağırmak için ekstra kod girmek gerekiyor mu yani, makale niteliği gibi bir konu olacak aslında, yöntemleri arttırarak
 

Âlfonse

xFanatik
XGT 2 kullanıcı
Katılım
22 Nis 2017
Mesajlar
876
Önceden Incapsula kullanan biriyim, cdn'e oranla daha iyi gibi geliyor. Incapsula ile çağırmak için ekstra kod girmek gerekiyor mu yani, makale niteliği gibi bir konu olacak aslında, yöntemleri arttırarak
Benim bu konuda çok fazla bilgim bulunmuyor ama cdn olarak artı yönleri anlatan güzel bir makale buldum;

 

ibrahimykr

xFanatik
XGT 2 kullanıcı
Katılım
19 Eyl 2017
Mesajlar
268
Konum
Türkiye
Google ads alanı