Sunipeyk Responsive Tema, 7. Versiyon
SUNIPEYK SpResponsive teması 7. versiyonu yayında. 7. Tema El ve ev yapımı kendi temamızı 2017 yılında 7. versiyona eriştirdik. Flex ile Site Yenileme yazımızda eklediğimiz özellikler ile daha verimli bir yapıya sahip oldu site. jQuery, javascript sevmediğimiz için, bunlarla yapılan özellikleri CSS özellikleri ile yapan kodların peşine düşüyoruz. Elbette bu kodların da geçerli, sade ve …
Sadece CSS ile İçerik Gizle Göster
Herhangi bir javascript ve/ veya benzeri kullanmadan sadece CSS ile herhangi bir içeriği gizleme/ gösterme mümkün. Bunun elbette bir çok yolu var. Aşağıda bulduğum en kolay yol olarak görünüyor. Kodları gayet temiz. CSS Kodları 4 satır sade CSS kodu yeterli..showhide { margin-bottom: 0.4em; } .showhide .show { display: none; } .showhide:target .show { display: block; …
Hamburger Menü Yerine
Mobil menü için kullanılan Hamburger Menü ve ikonu aslında eğlenceliydi. Hatta bu sitede Javascript Kullanmadan Sadece CSS ile Responsive Menü ile kullanmaktaydık. Ancak artık kullanmıyoruz. Niye Hamburger Menü ikonu kullanmıyoruz artık? Görüldüğü gibi üst bölümde kullandığımız menü çok elementli değil. Daha az ve sade CSS kodlarıyla da menünün mümkün olabildiğini göstermek için. Deneysel CSS için, …
Twitter Mobilde AMP sayfanızı gösteriyor
Web sitenizin yazı/postlarını Twitter üzerinden bağlantısını paylaştığınızda eğer Google AMP sayfaları var ise Twitter onları göstermeyi tercih ediyor. iOS cihazlarda durum böyle.WordPress Postlarınız için Google AMP Sayfası Ekleme‘yi nasıl yapacağınızı düşünüyorsanız bu yazımızı okuyabilirsiniz. Twitter AMP Sayfalarını Tercih Ediyor İlgili yazınızın AMP sayfası var ise, Twitter mobilde AMP formatını göstermeyi tercih ediyor. Elbette yazılarınızın AMP …
cssreference: CSS için Harika Bir Rehber
Görsel Olarak Örnekler ile CSS Öğrenin cssreference.io tam bu işe yarıyor işte. Detaylı örnekler ve görsel anlatımla çok kullanılan –popüler– CSS özellikleri verilmiş.Bilmediğiniz, anlamadığınız veya hatalı kullandığınız CSS kodlarınız olabilir. Site gayet güzel, detaylı ve açıkça tüm öğeleri örneklerle anlatıyor.CSS kodlarınızı yazarken veya düzenlerken CSS Kodlarının Varsayılan Değerlerini de kontrol etmenizi öneririz.