SCSS ve SASS’ta Each Döngüsü Oluşturma
SCSS veya SASS kullanırken işimizi rahatlatacak ve bir o kadarda kullanımının keyifli olduğu each döngüsünü anlatacağım. Each ile oluşturacağımız kod yapısı, item sayısı kadar döngüye sokup, bu dizeler içerisinde bulunan her bir iteme erişmemiz mümkün.
CSS ile :is() kullanımı
Kapsayıcıların içerisinde bulunan elementleri css ile seçerken eski yöntem kullanarak bu şekilde kodumuzu yazardır. “.menu içindeki ul içindeki li içindeki a”, tekardan“.menu içindeki ul içindeki li içindeki a span” tekrardan“.menu içindeki ul içindeki li içindeki a içindeki i …. gibi uzunca bir kod yazmamız gerekiyordu….
CSS Grid ile Masonry Kullanımı
Öncelikle “Masonry” yapısı için gözükecek ilk item elemanının kodlarını yazıyoruz. Daha sonra item sayısını arttıralım ve 4 Column olacak şekilde CSS kodumuzu ekleyelim. .column–wrapper … css ile “grid-gap” vererek column aralarını açalım, “box-shadow” vererek gölge ekleyelim, “border-radius” ile görsellerin köşelerini oval yapalım. gap & box-shadow…
CSS Referans
CSS Referans Temelden CSS öğrenmek için tüm önemli özellikler ve bilgiler içeren kapsamlı bir CSS referansı Pseudo-class Property Function Data Type Concept @rule Pseudo-class :is() YENİ ::after ::before ::first-letter ::first-line ::placeholder ::selection :active :blank :checked :default :dir() :disabled :empty :enabled :first :first-child :first-of-type :focus :fullscreen…
Favicon nedir ? Nasıl eklenir ?
Favicon kavramı için bir nevi web sitemizin kimliğidir diyebiliriz. Sizde olması gereken boyutlarda bir favicon oluşturarak web sitenizin akıllarda kalma oranını artırabilirsiniz. Favicon Nedir? Favicon nedir sorusuna bir yanıt olarak şunu söyleyebiliriz; Favicon web sitemizin küçültülmüş bir logosudur ve aynı zamanda sitemizin kimliği de diyebiliriz…
CSS ile satır sınırlama
Bir web sitesi kodlarken çoğunlukla tıklama sonrası kullanıcıyı sayfa içi farklı bir linke yönlendireceksek, ön izleme kısmında tüm paragrafı göstermek yenine, hem meraklılara tıklamayı tetiklemek için hem de görünümü güzelleştirmek için üç nokta ile satır sınırlaması yapmak önemlidir.