Sayfa İçi Dışarı Giden Linklerde Favicon Kullanımı

Evet, başlık biraz karışık oldu farkındayım… Bugün RSS lerimi incelerken takip ettiğim bloglardan birisi olan Zach Leatherman ın yazısına denk geldim. Sayfa içerisinde herhangi bir sayfaya link verirken link başına ilgili sayfanın favicon unun görünmesi ile alakalı bir yazıydı: Yukarıdaki linklerde de görebileceğiniz üzere her link başında o sitenin faviconu bulunuyor. Bunu nasıl otomatize edileceği …

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, …