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
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
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
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ş)
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’Reilly&
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
CSS Dersleri
HTML elementlerinin farklı tarayıcı ve ortamlardaki davranışlarını ortak hale getirmek için genelde reset css kodları kullanırız. meyer, normalizer vs. Aslında bu listelerde yapılan belirtilen elemanların değerlerini bilinen ortak değer ataması yapmaktır. CSS all: unset tanımıyla birlikte bir seçicinin tüm değerlerinin tarayıcının belirlediği başlangıç değerine veya kalıtsal değerine döndürmek çok kolay.
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
CSS Dersleri
* CSS Grid'e (Izgara) Giriş * CSS Grid Özellikleri * fr birimi * CSS Izgara çizgi isimlendirmesi ve kullanımı CSS Grid yazılarımıza devam ediyoruz. Css grid özellikleri yazımızda grid ögelerini yerleştirmenin birkaç yöntemi var demiştik, grid-template-area özelliği bu yöntemlerden biridir. Bir önceki yazıda grid çizgi isimlendirmesi yardımıyla grid ögelerinin konumunu
CSS Dersleri
İçinde Belirlenen Sözdizimi Geçen Özellik Değer Seçicisi Yıldız(*)'a dikkat. https://t.co/Bl30k9rvq4 pic.twitter.com/21uL5ZzS4i10 Nisan 2019
CSS Dersleri
Video örnek resim üzerine ikon koymak isteyince SVG'ye gölge uygulama ihtiyacım oldu. İhtiyaç tam olarak şöyle Video örnek resim dosyası üzerine oynatma ikonu koyacağız ve bu oynatma ikonu beyaz olacak. Tabi beyaz okun altına beyaz zemin gelince ayrışması için gölge koyulmuş. Ben ikonu satır içi (inline) SVG olarak