HTML’de bir şeyi dikeyde ve aynı zamanda yatayda ortalamak bazen zordur, yeni başlayan web geliştirici öğrencilerinin çoğu sorunla karşı karşıya kalır ve genellikle Google’da arama yaparlar.
Etiket: CSS
Bu koda Woo ile yapılmış bir e-ticaret sitesinde ihtiyacım oldu, şöyle ki; temada ürünün açıklama kısmında çeşitli seçenekler vardı, aksesuarlar, teknik özellikler vs. şeklinde ek tabler.
Kodlamayı öğrenmeye başladığımdan beri, z-index hakkında bildiğim tek şey; z-index, bir öğeyi başka bir öğenin üzerinde konumlandırmak için kullanabileceğiniz bir şey olduğuydu.
Yılan oyunu çok eski ve çok bilinen bir oyundur. Oyunu HTML, CSS ve JavaScript programlama kodlarını kullanarak oluşturabiliriz.
CSS ile :target özelliğini kullanarak, tarayıcıda kullanıcı bir URL ile örnek(#ilgilikisim) sayfanın bir bölümüne odaklandığında o bölüme özel sitil atayabiliriz.
Sayfada bir metnin yatay uzunluğunu kontrol etmek ve bu uzunluğu ilgili elemanın genişliğine göre kesmek için CSS’de ellipsis özelliğini kullanabiliriz.
Sürekli öğrenmeye devam ediyoruz ve geçenlerde evrensel CSS özellikleri adı verilen bir CSS konseptine rastladım. Bunu paylaşmak istedim.
CSS Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML’e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir işaretleme dilidir.
Geçenlerde bir web uygulamasının tam ekran modunda gösterildiğinde tasarımsal değişikliklere ihtiyacı olduğunu gördüm, değiştirmek istediğim tek şey tam ekran modundayken bazı şeyleri gizlemekti ve bu konuda araştırma yaptım. Sonuçta bunun kolayca mümkün olduğunu gördüm.
Bir öğenin bir bölümüne veya tümüne bir efekt vermek istiyorsanız CSS’de mask-image tam size göre. Bu gönderide mask-image nasıl çalışır bakıp örnekleri sunacağız.
Javascipt ile siteyi ziyaret eden cihazın karanlık modu(dark mode) kullanıp kullanmadığını sorgulamak çok basit. Aşağıya ilgili if kodunu koyacağım ayrıca CSS içerisinde de koyu moda göre sitiller eklenebiliyor.