SP Grid V9.5 Tema
Yine ufak tefek değişiklik ve iyileştirme çalışmaları ile temanın versiyonu değişti. Dokuz nokta beş oldu, yazıyla. SVG kullanma ve daha iyi hale getirme çalışmaları devam ediyor. Anasayfanın grid yapısı daha geniş ve tarayıcının genişliğine uyumlu oldu. Post/ yazıların genişliği ise 1024 px ile sınırlı kalmaya devam ediyor. Bunun sebebi de yazılar için kullandığımız görsellerin genişliği …
CSS shape-outside kullanabiliriz artık
CSS shape-outside özelliğini artık kullanmaya başlayabiliriz. Firefox’un da bu özelliği desteklemesi ile birlikte desteklemeyen tarayıcı kalmadı (diyebiliriz). Caniuse shape-outside üzerinden tarayıcı desteklerini takip edebilirsiniz. Opera mini tarayıcıda desteği yok görünmesine rağmen iOS Opera mini’de özellik çalışıyor. Ben denedim. Evet IE ve Edge CSS shape-outside’ı desteklemiyor. Ancak artık IE’yi kim destekliyor ki? Edge’e gelirsek; Edge’de artık …
Css ile İki Renkli Arkaplan
Sitenizde herhangi bir bölümün arkaplanı renklendirmek istediğinizde bunun en iyi ve kolay yolu bunu CSS ile yapmak elbette. İki renkli arkaplan rengi elde etmekte kolay. linear-gradient() linear-gradient() işte bu işe yarıyor. İlk bulduğum kod; .yellowbg{background:#ffd740;background-image: -webkit-linear-gradient(30deg, #ffd740 50%, #ffc700 50%)} şeklindeydi. Bunu sitemde arkaplan rengi sarı olan bir bölüm için kullandım. Ancak kod üzerinde biraz …
SP Grid V9.3 Tema
SP Grid tema üzerinde küçük değişiklikler yapmaya devam ediyoruz. Https geçişimiz ile birlikte artık daha güvenli bir site yapısına sahip olmuştuk. Tabii WordPress konusunda bir numara olan Mustafa Uysal sayesinde. Hepsi Bir Arada WordPress Çözümleri için WPHandle ile site barındırma, güvenlik ve süper harika WordPress desteği alıyoruz. WordPress siteniz için WPHandle sizin için de muhteşem …
CSS Position Sticky Kullanın ki
Sayfa kaydırırken, aşağı yukarı ilerlerken istediğiniz kısımların en üst veya en alt bölümde sabit kalmasını sağlayabiliyorsunuz. Bunu önceden position fixed ile yapıyorduk. CSS position sticky, position fixed çok daha iyi. Tarayıcı desteği de hızla yükseldi. Herhangi bir script, jquery vb.’ne ihtiyacınız yok. Sadece CSS kodu ile yapabilirsiniz. Örnek Ufak bir örnek vermek gerekirse, ki zaten …