Özel Özelliklerle (Custom Properties) Duyarlı CSS Düzenleri

Her ekran boyutunda mükemmel görünen düzenler oluşturmak, sürekli değişen bir hedef gibi hissettirebilir. Ebeveyn kapsayıcılarına uyum sağlaması gereken modüler, yeniden kullanılabilir web bileşenleri oluştururken geleneksel medya sorguları artık yeterli değildir. Bu kursta, modern CSS tekniklerini kullanarak gerçekten duyarlı düzenler oluşturmayı öğreneceksiniz. Temel statik tasarımlardan, dinamik olarak uyum sağlamak için CSS custom properties ve container queries'den yararlanan akıcı, bileşen odaklı düzenlere geçiş yapacaksınız. Neler öğreneceksiniz: • CSS custom properties'in temel kavramlarını ve stilleriniz aracılığıyla nasıl basamaklandığını (cascade) anlayın. • Modern CSS Grid ve Flexbox tekniklerini kullanarak duyarlı düzenleri uygulayın. • Öğeleri viewport yerine ebeveyn kapsayıcılarının boyutuna göre şekillendirmek için container queries uygulayın. • Düzenlerinizin erişilebilir ve sağlam kalmasını sağlamak için yedek stilleri (fallback styles) yapılandırın. • Projenizin karmaşıklığıyla ölçeklenebilen temiz, sürdürülebilir CSS yapılandırması pratiği yapın. Akıcı, bileşen tabanlı tasarımlar oluşturma konusunda size rehberlik eden adım adım yazılı açıklamalara ve kod örneklerine geçmeden önce modern CSS düzenlerinin temel terminolojisiyle başlayacaksınız. Bu kurs, düzen becerilerini geliştirmek isteyen yeni başlayanlar ve web tasarımcıları için tasarlanmıştır ve ileri düzeyde ön koşul gerektirmez. Modern, bileşen odaklı duyarlı tasarım sanatında ustalaşmak için okumaya bugün başlayın.