HTML
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri 8. repeat() işlevi, auto-fill ve auto-fit değerleri 9. CSS Grid öge
HTML
Chrome 76. sürümü ile birlikte gelen loading="lazy" özniteliği (attribute) tanımı sayesinde gerektiğinde yükleme (lazy loading) için kullandığımız scriptlere gerek kalmıyor artık. Tarayıcı kendi bünyesinde bu işi yapıyor. Tarayıcılar bu kadar derin işlere de girmeli mi mevzusu başka bir tartışmanın konusu. Genel olarak resimler için kullandığımız bu yöntem
Javascript'e çok güzel bir özelik gelmiş. https://t.co/Oi1Xzd8BtC kaynak: https://t.co/FbrYkUl7N7 pic.twitter.com/umjhTCKh6JDecember 16, 2019 Twitter'da paylaştım ancak twitter'da yazılan zamanla kayboluyor, bundan dolayı buraya yazayım dedim. Herhangi bir kütüphane kullanmadan bu işi yapabiliyor olmak süper. const anlasilirSaat
CSS Dersleri
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri 8. repeat() işlevi, auto-fill ve auto-fit değerleri 9. CSS Grid öge
CSS Dersleri
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri 8. repeat() işlevi, auto-fill ve auto-fit değerleri 9. CSS Grid öge
CSS Dersleri
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri 8. repeat() işlevi, auto-fill ve auto-fit değerleri Grid yazılarımızın 9. sındayız.
CSS Dersleri
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri CSS grid yazılarımızın 8. sinde sizlere repeat işlevi ve beraberinde kullanılan
CSS Dersleri
Düzelt: min-content codepen paylaşımı yanlıştı düzettik. Düzeltme uyarısı için L. Arman Özak'a teşekkürler 1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri CSS
CSS Dersleri
Yaklaşık 1 senedir react öğreniyorum. Bu süreçte birçok kaynaktan yararlandım. Tabi en büyük yardımı sağolsun Erdal SATIK'tan aldım. Bu süreçte görsel ve yazılı birçok kaynaktan faydalandım ve faydalanıyorum, bunlardan aklımda kalan önemli iki tanesi: * İlki React - The Complete Guide (incl Hooks, React Router, Redux) kursu. * İkincisi O’
CSS Dersleri
CSS'te tüm özelliklere atanan 4 değer vardır. initial, inherit, unset ve revert. Burada bu değerlere değineceğiz. unset 'ten bir önceki yazımda bahsettik. Yaptıkları iş aynı olsa da uygulandıklarında farklı davranış sergilerler. Yaptıkları iş atamaları geri almak. Amiyane tabirle geri vites. Bu makaledeki değerleri anlamak için CSS'
CSS Dersleri
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas CSS grid yazılarımızın 6. sında sizlere explicit (belirlenmiş), implicit(belirlenmemiş) tanımlarını, grid-auto-columns, grid-template-rows ve grid-auto-flow özelliklerini anlatacağım. display:grid tanımı yapılan kapsayıcı elemanın altındaki
CSS Dersleri
Kullanıcıdan bilgi aldığımız girdi alanlarının (input) kullanımını kolaylaştırmak ux (kullanıcı deneyimi) açısından önemli. Bunun için ilk olarak placeholder (yer tutucu)'ları HTML'e ekledik. Sonra bunları stilize ettik. Konuyla alakalı "CSS ile HTML5 Yer Tutucu’ya(placeholder) Stil Vermek" yazıma bakabilirsiniz. Daha sonra kullanıcının içeriği girdiğinde