Web Programming

HTML
  • witdh: 100%; 
    • İçinde buluduğunu div'in 100'de 100 uzunluğunda olsun.

JS
Bootstrap
  • Container
    • container: Merkezde yer alır ve sağ, sol boşlukları olur.( --- )
    • container-fluid: Merkezde yer alır boşlukları olmaz. (----)
  • Col: (Her zaman toplamı 12 olmalı, uzunluk birimi = satır uzunluğu)
    • col-*-x: * 'a kadar x / 12 uzunlukta.
    • col-sm-6: Küçük ekran boyutuna kadar 1/2 uzunlukta olur. En küçükte tek parça
    • col-lg-4: Büyük ekran boyutuna kadar 1/3 uzunlukta olur. Büyükten küçük durumlarda 1 uzunlukta olur.
    • col-2: Ekran boyutunu önemsemeksizin 1 / 6 uzunlukta olur.
    • col-sm-6 col-lg-4: Küçük ekranlar için 1/2 uzunlukta, büyük ekranlar için 1 / 3 uzunlukta olur.
  • Bootstrap classlarını özelleştrimek;
    • div class="card my-card"
      • card: Default bootstrap class'ı
      • my-card: Özelleştirmem (üzerine eklenecekler)
    • .card.my-card {…} (CSS içi kullanımı)
  • Checkbox trick;
    • "remember me" yerinse " remember me" yaz (boşluklu). Bu sayede checkbox'a yazı çok yakın olmaz.

  • Resim boyutlandırma;
    • Resimleri width ile boyutlandırmak yerine, tarayıcıdan açıp doğru boyutunun değerini inspect the website (sayfa kaynağını görüntüle) ile bulup, resmi yeniden boyutlandırmalıyız. Yüksek boyutlu resimler siteyi yavaşlatacaktır.

Karma Notlar:

Yorumlar

Popüler Yayınlar