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; …

Daha “Responsive” tema

Sunipeyk.com’un “tema”sını biraz “responsive” yapmış idim.Kodlarını iyice sadeleştirdim. Çok kullanılan “Mostly fluid” yapısına uyarladım.Böylece yapı “Önce Mobil” gibi… oldu sayılır. Genel yapısını çok boz(a)madım. Biraz daha bozmak istiyorum. Artık gerisi yayına aldıktan sonra devam edecek.Hoş değil gibi, belki. Ama benim için eğlenceli.Menüyü değiştirdim. Mobil için daha uygun olan bir tane‘yi uyarladım. En basiti buydu. Oldukça …

Geçerlidir

Sunipeyk.com işaretleme dili (HTML 5) ve CSS(3) olarak geçerlidir. Markup Validation Service: Valid W3C CSS Validation Service: Valid

Mobile geçerken

Sitemin mobil arayüzü için yaptığım çalışmalar. Mobil arayüzde görünmeyecek bölgeleri Media Queries içinde tanımlamak. Web arayüzde görülmeyecek mobil kısımların tanımı. Logonun responsive ayarlaması. Menü ayarlaması. Post görsellerinin responsive ayarları. Arama formunun düzenlenmesi. Sosyal medya buttonları için sprite hazırlanması. Footer düzenlemesi. Arama formu ve sosyal medya buttonlarının yerleştirilmesi. Gereksiz javascriptlerin çıkarılması. Gereksiz CSS kodlarının temizliği. CSS …

Bir blogun aerodinamik yapısı

Bir blog herhangi bir aerodinamik yapıya sahip olamaz elbette. Kuvvetle muhtemel, dikkat çekici bir başlık yaratmak adına yaptım.Zaten asıl mesele, blogun yapısı da değil. Bir bloggerın sahip olması gereken asgari disiplinler olacak.Bloggerın bilmesi gerekenlerin etkisi doğrudan bloguna etki edecektir. Ve bildikleri de. Burada, yazıların içeriği kastedilmemektedir. Bir blogger neleri bilmelidir? Hah, sonunda konuya gelebildik bölümü. …