Aralık Vererek Media Query Girmek Web sitesi yaparken herkesin mutlaka baktığı şeylerden birisi de media queries ler yani namı değer Responsive Design. Bir sayfayı responsive yaparken genellikle: şeklinde kural setleri belirliyoruz. İşte bu kural setlerini farklı bir yazım şekli ile değiştirebileceğiz: Önceden minimum genişiği 768px olan bir sayfa için media query girerken: Yeni kural setinde …
Kategori arşivleriCSS
Formlarda :optional pseudo-class CSS Kullanımı
Çoğu web sitesinde ortak olan şey nedir diye sorsalar sanırım formlar derdim. İletişim formu, geri bildirim formu diye bir çok şekilde bu örnekleri çoğaltabilirdik. Bu formu oluşturan en önemli elemanlardan birkaçı da input, select ve textarea lardır. Web sitelerimizde kullanıcılardan bilgi almak için kullandığımız bu elementler i kimi zaman doldurması zorunlu yapıyoruz. İşte tam bu …
Okumaya devam et “Formlarda :optional pseudo-class CSS Kullanımı”
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 …
Okumaya devam et “Sayfa İçi Dışarı Giden Linklerde Favicon Kullanımı”
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 …
Okumaya devam et “CSS Speedrun ile CSS Selector Gücünüzü Keşfedin”
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) …