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 …

Herhangi bir elementi boyutlandırabilmek: resize

Aşağıdaki CSS’yi uygularsak herhangi bir öğe yeniden boyutlandırılabilir hale getirilebilir: Dikkat edeceğiniz en önemli noktalardan birisi de overflow özelliği olan elementlerde çalışabilir. Ayrıca max-width veya max-height gibi değerler ile ne kadar boyutlandırılabileceğine de karar verip sınırlar oluşturabilirsiniz. See the Pen Resize Any HTML Element by Ibrahim Nergiz (@phyesix) on CodePen.

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

File Upload / Dosya Seç Görümünü CSS ile Değiştirme

Bugünün güzel haberlerinden birisi de “file-selector-button” selektörünün devreye girmiş olması olsa gerek. Bu özellik aracılığı ile o çirkin dosya yükleme butonuna biraz daha şekil verebileceğiz. HTML CSS See the Pen CSS File Input – file-selector-button by Ibrahim Nergiz (@phyesix) on CodePen.