Kategoriler
Kodlama

Hover yetenekli cihazları algılama Cihaz yeteneklerine göre CSS yazmak için hover/pointer örneği.

Günümüzde webe bağlanabilen cihazların çeşitliliği eskiye göre çok fazla, biz geliştiriciler artık web sitesi kullanıcılarımıza sunduğumuz stilleri belirleyen faktör olarak görüntü alanı boyutuna güvenemeyiz, yani ekran boyutuna göre tasarlayabilirsiniz ancak cihazlar sadece ekran boyutuna göre değil birçok farklı yeteneklere göre de değişebiliyor.

Kategoriler
Kodlama

CSS custom properties fallback(yedek) CSS'de Custom properties ile ilgili bir minik bilgi.

CSS custom properties (variables) CSS için harika bir kolaylık ve özetle bir elemana veya :root şekilnde global olarak bir değişken değeri atamaktan ibaret, örneğin --metin-rengi: #212121; atadığınızda bunu bir eleman için color: var(--metin-rengi); şeklinde kullanabilirsiniz.

Kategoriler
Kodlama

CSS Content ve attr() CSS'de content ve attr konularına değindim.

CSS’e çok şey borçluyuz, günümüzde var olan tüm web uygulamaları hatta neredeyse tüm mobil uygulamaların görünümleri CSS ile verilmektedir.

Kategoriler
Kodlama

JavaScript tarayıcı algılama Yazılan CSS kodlarını farklı tarayıcılar için ayrıştırabilmek için kullanılabilecek basit bir JavaScript fonksiyonu.

Bu basit JavaScript fonksiyonunun yaptığı iş sadece tarayıcı UA’yı alıp HTML tagine class olarak atamak.

Kategoriler
Kodlama

Master CSS Selectors / CSS seçicilere bakış CSS selectors/seçiciler ID'ler ve Class'larla sınırlı değildir aslında CSS'de birçok farklı seçiciler de kullanılabilir.

CSS seçicileri nedir? CSS’de seçiciler, web sayfalarımızdaki stil vermek istediğimiz HTML öğelerini seçmek için kullanılan kalıplardır. Mesleki olmayan terimlerle ifade edersek; seçiciler bir DOM öğesini alıp ona stil uygulamak için kullanılır.