Sıklıkla kullandığım bi css kodu paylaşmak istiyorum. Bazı arkadaşlar element id scroll yapmak için JavaScript kullanıyor buna gerek olmadan basit tek satır bir css kodu ile halledebiliyoruz. daha sonrasını biliyorsunuz zaten ama madem anlatmaya başladık bitirelim. ve scroll edeceğimiz id değerini veriyoruz. Bu kadar 🙂
flex-shrink tanımlanmış eleman, esnek kapsayıcı eleman içindeki diğer elemanlara göre nasıl büzüleceğini belirler. Tarayıcı genişliği daraltılınca flex-shrink değeri 2 olarak belirlenen kutu daha fazla büzülecektir. Uyumlu web siteleri yaparken işe yarar bu özellik. flex-shrink yapısı Verdiğim değer hiçbir şekilde değişmesin istiyorsanız flex-shrink:0; değerini vermeniz gerekiyor. Flexbox kullanırken bir projede karşılaştığım bugı çözmek için arayış içindeyken…
Uzun makalelere özet görünümü sağlamak backend ile çözülmesi gereken bir konu fakat bazı durumlarda biz front-endcilerin halletmesi gereken bir durum haline gelebiliyor. Senaryo: Birden fazla kutu var ve hepsinde üç satır metin olması gerekiyor fakat çekilen özet metin kelime saydığı zaman bu uzun kelimelerde satır sayısını aşmaya neden olabiliyor bunu…
Öncelikle kullanacağınız iconu seçiyorsunuz seçtikten sonra dosya formatına göre dönüştürme işlemi yapmanız gerekebilir. Bunun için online converter servislerini kullanabilirsiniz.Benim kullandığım servis convertio.co adresi oldu. Sonra png formatına dönüştürdüğümüz görselimizin base64 kodunu alarak css’e ekleme işlemini yapalım. Bunun için online base64 kod veren servisler var.Benim kullandığım base64-image.de oldu. Daha sonra css’de…