1. Tiesto

    CSS aspect-ratio ile responsive kart ve görsellerde oranı koruma

    Genişliği değişen bir kartın ya da görsel alanının yüksekliğini elle hesaplamak yerine aspect-ratio ile oranı tarayıcıya bırakabilirsin. Bu özellik, bir kutunun tercih edilen genişlik-yükseklik oranını tanımlar. Ne zaman kullanmalısın? Bir görsel, video gömüsü, ürün kartı veya kapak kutusu...
  2. Tiesto

    CSS nasıl öğrenilir?

    İlk önce temel sırayı kur CSS öğrenmenin en pratik yolu, tek tek özellik ezberlemek yerine konuları sırayla ilerletmektir. ’in Learn CSS kursu CSS’i temel parçalara ayırır; MDN de başlangıç için syntax, selectors, box model, cascade ve layout başlıklarını ayrı ayrı ele alır. Eğer HTML tarafı...
  3. Tiesto

    CSS nasıl kullanılır?

    İlk kullanım adımı CSS'i HTML'e bağlamanın üç yolu vardır: external stylesheet, internal stylesheet ve inline style. MDN, external stylesheet'i en yaygın ve kullanışlı yöntem olarak tanımlar. HTML dosyanın `` bölümüne stylesheet bağlantısı ekle ve önce küçük bir test kuralı yaz. Örneğin...
  4. Tiesto

    CSS nasıl okunur?

    CSS okurken önce kuralın kime uygulandığını, sonra neyi değiştirdiğini ve en son hangi kuralın kazanacağını kontrol edin. Bir CSS kuralını parçalarına ayırın Bir kuralın başındaki bölüm seçicidir; bu bölüm hangi HTML öğelerinin hedeflendiğini söyler. Süslü parantezlerin içi declaration...
  5. Tiesto

    CSS nasıl yazılır?

    Temel yazım iskeleti CSS yazarken en pratik başlangıç, stilleri ayrı bir.css dosyasında tutmaktır; aynı stil sayfasını birden çok sayfada tekrar kullanabilirsin. CSS’te temel yapı, seçicilerin ardından gelen süslü parantez içindeki deklarasyonlardır. button { background: #2563eb; color...
  6. Tiesto

    CSS programming examples

    Bir kart bileşenini ekran yerine kapsayıcıya göre responsive yapmak Kart, kutu ya da yan panel gibi tekrar kullanılan bileşenlerde en sık yaşanan sorun şudur: görünümün telefonda iyi olması yetmez, bileşenin farklı bir sütunda, kenar çubuğunda ya da geniş bir içerik alanında da doğru davranması...
  7. Tiesto

    CSS programming basics

    Responsive tasarımda en sık ihtiyaç duyulan şey, tek bir sayfanın hem geniş ekranda hem de dar ekranda düzgün görünmesini sağlamaktır. Bunun için ilk bakılacak yer çoğu zaman CSS medya sorguları olur; çünkü stil kurallarını ekran genişliği, yönelim ya da kullanıcı tercihine göre koşullu...
  8. Tiesto

    CSS programming tips

    Responsive tasarımda media query ile mobil uyumlu CSS kurma Mobil uyumlu bir arayüz kurarken ilk soru genelde şudur: Hangi noktada düzeni değiştirmeliyim? CSS tarafında bunun en temiz yolu, ekran genişliğine veya cihaz özelliğine göre farklı kurallar uygulayan media query kullanmaktır. Bu...
  9. Tiesto

    CSS programlama dili

    Responsive tasarımda media query ne zaman yeterli, ne zaman Flexbox veya Grid gerekir? Responsive bir arayüz kurarken ilk kararınız şudur: ekran genişliğine göre tüm sayfanın yapısını mı değiştireceksiniz, yoksa yalnızca belirli bir bölümün yerleşimini mi ayarlayacaksınız? CSS’te media...
  10. Tiesto

    CSS programlama dili mi?

    CSS, HTML’den nasıl ayrılır? CSS bir programlama dili değil, bir stil sayfası dilidir. Temel görevi sayfanın içeriğini değil, içeriğin nasıl görüneceğini tarif etmektir. Yani metnin rengi, boyutu, hizası, boşlukları, kutu düzeni ve ekran boyutuna göre davranışı CSS ile belirlenir. HTML yapıyı...
  11. Tiesto

    CSS nedir?

    CSS ne işe yarar, neden ayrı kullanılır? CSS, web sayfalarının görünümünü ve yerleşimini kontrol etmek için kullanılır. HTML sayfanın iskeletini kurarken, CSS renkleri, yazı tiplerini, boşlukları, hizalamayı, kart düzenini ve responsive davranışı belirler. Bu ayrım, aynı içeriğin farklı...
  12. Görkem

    CSS’te yazı yönüne göre doğru özellik seçimi

    Yazı yönü değişebilen arayüzlerde left, right, top, bottom, width ve height gibi fiziksel özellikler yerine akışa bağlı mantıksal özellikleri kullanmalısınız. Böylece aynı CSS, hem yatay yazıda hem de dikey ya da sağdan sola akışta daha tutarlı çalışır. MDN, bu yaklaşımın writing-mode ve logical...
  13. Garfield

    Css Nedir? Web Sitelerinin Görünümünü Şekillendiren Dil (Basit ve Net Anlatım)

    CSS Nedir? Web Sitelerinin Görünümünü Şekillendiren Dil (Basit ve Net Anlatım) Bir web sitesine girdiğinde gördüğün renkler, yazı tipleri, buton tasarımları ve sayfa düzeni aslında tek başına HTML ile oluşmaz. İşte bu noktada devreye CSS (Cascading Style Sheets) girer. CSS, web sitelerinin...
  14. HAN

    Kullanıcı Renk CSS Tüm Sürümlerde Geçerlidir

    Bu eklenti, add-ons XenForo 2.3.X ile uyumlu ve stabil olarak çalışmaktadır. font-weight: bold; /* Metni kalın yapar */ background: linear-gradient(140deg, #eb135f 0%, #eb135f 50%, #185886 75%); /* Degrade arka plan */ -webkit-background-clip: text; /* Degradenin sadece metin üzerinde...
  15. Garfield

    Css Div Nedir? Detaylı Anlatım!

    CSS (Cascading Style Sheets) ve HTML birlikte kullanıldığında, web sayfalarının yapısı ve tasarımı organize bir şekilde oluşturulabilir. Bu kombinasyonun temel taşlarından biri "div" etiketi ve CSS'dir. Div, HTML'de bir "block-level" (blok seviyesi) elementtir ve genellikle bir web sayfasında...