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…
Web tasarımının ilk günlerinde, sayfalar belirli bir ekran boyutunu hedefleyecek şekilde oluşturulurdu. Kullanıcı tasarımcının beklediğinden daha büyük veya daha küçük bir ekrana sahipse, istenmeyen kaydırma çubuklarından, aşırı uzun satır uzunluklarına…
Çoklu sütun düzeni özelliği, içeriği bir gazetede görebileceğiniz gibi sütunlar halinde yerleştirmek için bir yöntem sağlar. Bu makalede bu özelliğin nasıl kullanılacağı açıklanmaktadır. Ön Koşullar: HTML temelleri (HTML’e Giriş konusunu…
Konumlandırma, öğeleri normal belge akışının dışına çıkarmanıza ve örneğin birbirlerinin üzerine oturarak veya tarayıcı görüntü alanı içinde her zaman aynı yerde kalarak farklı davranmalarını sağlamanıza olanak tanır. Bu makalede farklı…
Aslen metin blokları içindeki görüntüleri kaydırmak için kullanılan float özelliği, web sayfalarında çoklu sütun düzenleri oluşturmak için en sık kullanılan araçlardan biri haline geldi. Bu makalede açıklandığı gibi, flexbox ve…