SCSS veya SASS kullanırken işimizi rahatlatacak ve bir o kadarda kullanımının keyifli olduğu each döngüsünü ve each kullanımı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.
Blog, resim galeri, portföy ve birçok yerde kullanılabilir olan CSS Masonry, sitenizi hem geliştirir hem de fonksiyonelliğini arttırır.
CSS, çarpıcı bir web sitesi oluşturmak için stil, tasarım, düzen ve ihtiyacınız olan her şeyi tanımlamak için HTML öğelerinin bir web sayfasında nasıl görüntülenmesi gerektiğini etkili bir şekilde tanımlamak için önemlidir. Ancak büyük, karmaşık sitelerle çalışmaya başladığınızda, CSS'in iyi olup olmadığını merak etmeye başlayabilirsiniz.
Bir web sitesi kodlarken çoğunlukla tıklama sonrası kullanıcıyı sayfa içi farklı bir linke yönlendireceksek...
Tamamen ücretsiz olan Flutter’i kullanarak her iki platformda istenilen uygulamalar geliştirilebilir.
Nasıl Eklenir ?
Bir web sitesi kodlarken çoğunlukla tıklama sonrası kullanıcıyı sayfa içi farklı bir linke yönlendireceksek...
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….
SASS Kullanmanın CSS’e Göre Faydaları Nelerdir?
CSS, çarpıcı bir web sitesi oluşturmak için stil, tasarım, düzen ve ihtiyacınız olan her şeyi tanımlamak için HTML öğelerinin bir web sayfasında nasıl görüntülenmesi gerektiğini etkili bir şekilde tanımlamak için önemlidir. Ancak büyük, karmaşık sitelerle çalışmaya başladığınızda, CSS’in iyi olup olmadığını merak etmeye başlayabilirsiniz. SASS nedir?…
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…
Sportinn.com
E-ticaret sitesi tasarımlarında anasayfa tasarımlarının önemi büyüktür. Çünkü müşterilerin siteyi ilk açtıklarında karşılarına çıkan sayfa bir vitrin görevi görmektedir. Bu sayfada ürünler hakkında doğru bilgiler verilmeli, kampanyalar hakkında dikkat çekici tasarımlar gerçekleştirilmeli ve müşterilerin ilgisi çekilmelidir.
Çalışmalarım
Bir web sitesine veya bir logoya mı ihtiyacın var?
Haddizâtında
Barış Doğan Sütçü
Ben Frontend Developer hakkında tutkulu, büyük kullanıcı deneyimleri inşa eden, karmaşıklık üzerinde basitlik için mücadele eden, sürekli etrafımda ki diğer Developerlar ile akıl hocalığı ve paylaşmak için çabalayan biri. Hem küçük hem de büyük şirketlerde çalıştım. Hem yerimden uzak hem yakın.
Love Frontend 💗
Frontend Developer Kimdir ?
Frontend Developer adı verilen kişi, tasarımı alır ve HTML ile CSS yeteneklerini devreye sokar. Siteyi hazır bir duruma getirir. Genelde statik siteden, çok daha dinamik bir siteye geçiş olur. Dinamik sitelerde ise aksine, Frontend Developerdan çıkan tasarım; Backend Developer olan kişiye geçer. Günümüzde e-ticaret siteleri, haber siteleri vb. siteler dinamik sitelere birer örnektir.
