CSS Speedrun ile CSS Selector Gücünüzü Keşfedin

Vincent Will yeni bir oyun yazmış. Aslında her UI Developer ın oynaması gereken türden eğlenceli bir oyun. Oyunun temelleri ise çok basit, 10 farklı soru var ve bunları en kısa sürede bitirmek gerekiyor. Ben de oynayayım dedim ama sonuç biraz kötü, 15:11:09… Aslında Level 2 ve Level 7 için çok komplex şeyler düşündüm ama çok …

CSS Revert Nedir?

Aslında CSS özelliğini default a çevirmek olarak kısaca özetleyebiliriz. Genel olarak yazdığımız class ve buna bağlı stillere bağlı olarak bu tip problemle eminim ki karşılaşmışsınızdır. Bazen yazdığımız kuralın default halinde olmasını isteriz. İşte tam bu noktada CSS revert devreye giriyor. Örnekle daha güzel açıklayabilirim. HTML: SCSS: See the Pen CSS Revert by Ibrahim Nergiz (@phyesix) …

overscroll-behavior nedir? Nerelerde Kullanabiliriz?

Sayfanın olmazsa olmaz özelliklerinden birisi de scroll olsa gerek. Sayfa içerikleri günümüzde o kadar fazla ki scroll neredeyse kaçınılmaz hale geliyor. Üzerine bir de modallar açarak user experience’i devam ettiriyoruz. Sayfanın herhangi bir bölgesinde chat ekranı var diyelim … Baya uzun bir yazışma sonrasında en üste veya en aşağıda doğru scroll ettiniz ettiniz, işte o …

8 veya 4 Karakterli HEX Renk Kodu

İlk karşılaştığımda şaşırmadım değil ama bi’ o kadar da sevindim. Chrome ve Firefox yeni update’leri sayesinde HEX renk formatlarında alfa kanalını da eklemeye izin veriyor. Bu ne demek oluyor peki? .color { /* Kırmızı */ background: rgb(255, 0, 0); /* Kırmızı */ background: #ff0000; /* Alfa değeri ile %75 transparan kırmızı */ background: rgba(255, 0, …

Eski IE Versiyonları için CSS Fixleri

Aslında farklı tarayıcılar için CSS özelleştirmesi diye bi’ şey olmaması gerekiyor diye düşünüyorum, ama gel gör ki böyle fix’ler mevcut ise bazı durumlarda gerekli olabiliyor diyebiliriz. Burada eski IE versiyonları için basit CSS fixleri mevcut, IE 6 için alttan çizgi (_) ve IE 7 için de yıldız (*) ı kullanıyoruz. Örnek kullanımları için de: color: …