Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Femi Uyar tarafından sunulan Bootstrap 4 eğitim setinin 16. dersidir. Femi Uyar, nokta net'in editörüdür.
- Videoda Bootstrap 4'ün tipografi özellikleri detaylı olarak anlatılmaktadır. İçerik, pre komutu ve class'ı (scroll), HTML'de değişken tanımlama için var etiketi ve örnek çıktı görüntüsü için samp etiketi ile başlayıp, font kalınlıkları, metin boyutları, metin hizalama ve metin düzenlemesi gibi temel tipografi özelliklerini kod örnekleriyle göstermektedir.
- Ayrıca videoda "rap" (yazı uzunluğuna uygun olmayan metinleri alt satıra geçirme), "text-monospace" (bilgisayar çıktısı gibi yazı tipi), metin harflerini büyük/küçük/ilk harfi büyük yapma (uppercase, lowercase, capitalize) ve metin hizalama (left, right, center, justify) gibi özellikler de açıklanmaktadır. Bootstrap'ta responsive tasarım için farklı ekran boyutlarına göre (extra small, small, medium, large, x-large) stil değişikliklerinin nasıl yapılacağı da anlatılmaktadır.
- 00:07Bootstrap 4 Eğitim Seti - Tipografi
- Femi Uyar, Nokta Net'in editörü olarak Bootstrap 4 eğitim setinin 16. dersini sunuyor.
- Bu derste tipografinin son dersi anlatılacak ve daha sonra Bootstrap 4 ile devam edilecek.
- 00:19Pre Komutu ve Bootstrap Class'ları
- Pre komutu, kod yazmak istediğiniz zaman (örneğin JavaScript kodları) kullanılabilecek bir HTML etiketi.
- Bootstrap 4'te pre class'ı sadece "scroll" özelliğine sahip ve bu özellik tarayıcılarda aşağıya indiğinizde oluşan scroll çubuğunu sağlar.
- Scroll class'ı, içerik 340 pikselyi geçtiğinde otomatik olarak scroll çubuğu oluşturur.
- 03:04HTML Etiketleri ve Bootstrap Kullanımı
- HTML 5 ile beraber gelen "var" etiketi, değişkenleri ekrana yazdırmak için kullanılabilir.
- Bootstrap, "var" etiketini kullanarak değişkenlere özel stil verir.
- "Samp" etiketi, bilgisayar programından örnek çıktı görüntüsü almak için kullanılır ve Bootstrap ile özel bir font stili alır.
- 05:35Font Özellikleri ve Hizalama
- Bootstrap, yazıların kalınlığını belirlemek için "font-weight" class'larını sunar: "bold" (kalın), "light" (ince) ve "normal".
- Yazıların italik olması için "font-italic" class'ı kullanılır.
- Yazıları hizalamak için "text-left" (solda), "text-right" (sağa) ve "text-center" (merkezde) class'ları kullanılabilir.
- 10:28Metin Düzenleme Özellikleri
- "Text-justify" class'ı, yazıları iki yana yaslayarak eşit aralıklarla düzenler.
- "Text-wrap" class'ı, metinleri sarmalama (rap) özelliğine sahip olup, metinlerin yan yana yazılmasını sağlar.
- 14:35Bootstrap'ta Metin Düzenleme Özellikleri
- "Rap" komutu, yazının uzunluğuna uygun değilse alt satıra geçirme özelliğini sağlar.
- "No rap" komutu, yazının uzunluğuna uygun değilse alt satıra geçirme yerine ekranın sağında kalmasını sağlar.
- "Text monospace" özelliği, metni bilgisayar çıktısı gibi koda benzeyen bir stile büründürür.
- 17:29Metin Harf Biçimlendirme
- "Text lowercase" özelliği metni küçük harfe dönüştürür.
- "Text uppercase" özelliği metni büyük harfe dönüştürür.
- "Text capitalize" özelliği her kelimenin ilk harfini büyük harfe dönüştürür.
- 20:14Bootstrap'ta Metin Hizalama
- Bootstrap'ta metin hizalama için "left", "right", "center" ve "justify" sınıfları kullanılır.
- "x-large" ve üstü cihazlara özel hizalama yapmak için "x-large" sınıfı kullanılabilir.
- Bootstrap'ta bir cihaza uygulanan sınıf, o cihazın üstündeki tüm cihazlara da uygulanır.