Google Sayfa Hızımız 100 oldu
Google sayfa hızı/ PageSpeed Insights hem mobil hem masaüstü için sitenizin hızını analiz edip, bir değer veren sistem. Sunipeyk.com hem mobil hem de masaüstü için 100 değerine ulaştı. Site yapınız ile ilgili bir çok şey yapabilirsiniz. Html, CSS ile belirli bir değere kadar yükselebilirsiniz. Sonrası barınma alt yapınıza, sunucularınızın hızına bağlı olacaktır. Bunun için bu …
SP Grid V9.4 Tema
Tema üzerinde iyileştirme ve geliştirme çalışmalarına devam ediyoruz. Bu versiyonun ana konusu SVG. Bildiğiniz gibi FontAwesome ikonlarını kullanıyorduk. Gene kullanıyoruz ancak sadece ihtiyacımız olan ve/ veya gerekli olan ikonları SVG kodu ile html içi kullanıyoruz. Böylece ayrıca bir js veya css dosyası çağırmamıza gerek kalmıyor. Elbette bu da site hızına olumlu etki ediyor. Sp Grid …
HTML5 için Type Gerekli Değildir
HTML 5‘de CSS ve Script dosyalarını çağırırken type ile ilgili kodlara ihtiyacımız yok. type=”text/javascript” type=”text/css” gibi. Kendi eklediğimiz kodlar için bunları ayarlatabiliyoruz. Ancak WordPress de bazı CSS ve script çağırma kodları ekliyor. HTML 5 öncesini de kapsamak için type eklemeye devam ediyor. JS ve CSS type’larını kaldırmak için Temanınızın fonksiyon dosyasına //Remove JS and CSS …
HTML Ayrıntılar ve Özet Öğeleri
Ayrıntılar, detaylar Html5’in az bilinen güzel özelliklerinden biri veya ikisi diyelim, çünkü birbirlerini tamamlayan, beraber kullanılan öğeleri details ve summary.Details ile istediğiniz detayları tıklanınca açılan bir bölüm içinde gösterebilmenizi sağlayan bir özellik.Edge ve IE haricinde tüm tarayıcılar destekliyor. Edge ise konu üzerinde çalışmalarını sürdürüyormuş. Yakında desteklemeye başlayabilir. Details, Summary Aslında summary kısmı olmadan da details …
Yazılarınızı Sütunlara Bölün
Yazılarınızı postlarınızı sütunlara bölmek okunmasını kolaylaştırır. Özellikle masaüstü, pc, tablet üzerinde uzun yazılara uygularsanız sayfanız daha etkin bir yapıya sahip olacaktır. CSS ile Sütun Site yazılarınızı sütun halinde yayınlamanızın en kolay yolu elbette CSS. Bunu sağlayan CSS elementi column-count.Örnek olarak bu yazının bu kısmı iki sütunludur. column-count Bu sitede kullandığım CSS column-count örneği şöyle; .sutun{-moz-column-count:2;-webkit-column-count:2;column-count:2; …