Bu kılavuzda, flex öğelerine uygulanan ve ana eksen boyunca öğelerin boyutunu ve esnekliğini kontrol etmemizi sağlayan üç özelliği inceleyeceğiz: flex-grow, flex-shrink ve flex-basis. Bu özelliklerin büyüyen ve küçülen öğelerle nasıl…
Flexbox ve Grid gibi yeni düzen yöntemleri, içeriğin sırasını kontrol etme olanağını da beraberinde getirir. Bu makalede, Flexbox kullanırken içeriğinizin görsel düzenini değiştirebileceğiniz yollara göz atacağız. Ayrıca öğeleri yeniden sıralamanın…
Flexbox’ın web geliştiricilerinin ilgisini hızla çekmesinin nedenlerinden biri de, web’e ilk kez uygun hizalama özellikleri getirmesidir. Örneğin, düzgün dikey hizalamayı mümkün kıldı, böylece sonunda bir kutuyu kolayca ortalayabiliyoruz. Bu kılavuzda,…
Bu makalede Flexbox’ın diğer tüm CSS modülleriyle nasıl uyum sağladığına bir göz atacağız. Flexbox’ı öğrenmek istiyorsanız hangi özelliklere dikkat etmeniz gerektiğini ve flexbox’ın neden diğer bazı modüllerden farklı olduğunu öğreneceğiz….
Bu noktaya kadar CSS’nin temellerini, metinlerin nasıl biçimlendirileceğini ve içeriğinizin içinde bulunduğu kutuların nasıl biçimlendirileceğini ve değiştirileceğini inceledik. Şimdi kutularınızı görüntü alanına ve birbirlerine göre nasıl doğru bir şekilde düzenleyeceğinize…
Bu modülde, tasarımlarınız için ana düzen yöntemleri olarak Flexbox ve Grid kullanmanızı öneririz. Ancak, sitenizde eski tarayıcıları veya kullandığınız yöntemleri desteklemeyen tarayıcıları kullanan ziyaretçiler olacaktır. Bu durum web’de her zaman…
Bu klavuz üzerinde çalıştıysanız, bugün CSS düzeni oluşturmak ve eski CSS ile çalışmak için bilmeniz gerekenlerin temellerini kavramış olmalısınız. Bu alıştırma, çeşitli teknikler kullanarak basit bir web sayfası düzeni geliştirme…
Izgara sistemleri CSS düzenlerinde kullanılan çok yaygın bir özelliktir. CSS Izgara Düzeni’nden önce float’lar veya diğer düzen özellikleri kullanılarak uygulanma eğilimindeydiler. Düzeninizi belirli sayıda sütun (örneğin 4, 6 veya 12)…
CSS Medya Sorgusu, CSS’yi yalnızca tarayıcı ve cihaz ortamı belirttiğiniz bir kuralla eşleştiğinde, örneğin “görüntü alanı 480 pikselden daha geniş olduğunda” uygulamanız için bir yol sunar. Ortam sorguları, görüntü alanının…