CSS içerisindeki parametreler bazı zamanlar kesinlikle doğru bir tabir ise, hayat kurtarabiliyor. Örnek verelim hemen. Bildiğiniz gibi img etiketleri içerisine eklenen bir görselin, herhangi bir CSS parametresine sahip olmasa bile, altında belirli bir oranda boşluk çıkar. Ben yaptığım tasarımlarda bu gibi boşlukların olmamasını istiyorum bazen. Bunun için geçmişte çok araştırma yapmıştım ve çözümün çok basit olduğunu anladım. Görsel etiketine aşağıdaki kodu [...]

Biz web geliştiricileri genellikle analiz servisi olarak Google'ın Analytics servisini kullanırız. Ancak bence alternatiflere de şans vermek gerekir. Bir süre önce detaylı olarak incelemeye başladığım ve aktif olarak kullandığım Yandex.Metrica servisini sizlere de tavsiye etmek istedim. Birçok açıdan analiz yapabilmenizi sağlayan Yandex.Metrica, ziyaretçilerinizin tıklamalarına ve aktivite videolarına kadar birçok aracı ücretsiz olarak sunmaktadır. Kesinlikle [...]

SVG, ölçeklenebilir bir grafik biçimidir. Birçok sitenin logosu veya header bölümlerinde .svg kullanıldığını fark etmiş olmalısınız. Ben araştırma yaparken, şuna dikkat ettim. SVG dosyasını nasıl Responsive uyumlu yapacağız? İşte bunun için birçok yöntem mevcut. Ancak sadece CSS kullanarak da bunu başarmak ve sorunsuz bir şekilde kullanabilmek mümkündür. Temanızın CSS bölümüne aşağıdaki kodları eklemeniz bu yönde yeterli olacaktır. Kesinlikle faydalı [...]

HTML'deki hr etiketini herkes bilecektir. Bu etiketin görünümü, tarayıcılar için standarttır. Ancak arzu ederseniz, border kullanmak yerine bir background kullanarak, tüm tarayıcılar ile uyumlu olacak şekilde hr etiketini biçimlemlendirebilmeniz mümkündür. Border belirlemeyeceğimiz için, IE ve Edge gibi tarayıcılar ile de uyumlu olacaktır. Aşağıdaki kodları CSS dosyanız içerisine eklemeniz yeterli olacaktır. Dilediğiniz gibi renk [...]

Blogger bildiğiniz gibi kapalı bir sistem. WordPress gibi değil. Ancak biraz kodlama bilgisi ile, Blogger'dan oluşturulan bir blogu benzersiz bir hâle getirebilmeniz mümkündür. Bilirsiniz, "iletişim formu," adlı gadget standart bir biçime sahiptir. Bu bana göre pek güzel değil... Bu yüzden Blogger'ın iletişim formu eklentisini kullanarak sıfırdan düzenlemelerde bulundum. Ortaya çok güzel, Responsive bir düzenleme çıktı. Aşağıdaki kodları CSS bölümünüze [...]

Geçmiş zamanlarda çizgi efektli yazı yazma konusunda bir içerik kaleme almıştım. Ancak şu sıralar Responsive kavramına takılmış durumdayım. Hazırladığım veya editlediğim her şeyin Responsive olmasına, büyük - küçük ekranlarda sorunsuz çalışmasına özen gösteriyorum. Bu yüzden sizlerle bir içinden çizgi geçen başlık yapımı daha paylaşıyor olacağım. Bu paylaşımdaki kodlar, temanızdaki Responsive uyumluluğuna göre bağlı olarak da [...]

Blogger yorum formunda bazı HTML etiketleri destekleniyor. Bu yüzden de, ziyaretçileriniz fazla "br" (boşluk) kodu kullanır ise, yorum alanlarında çok fazla boşluklar çıkabilir ve bu durum göze pek de güzel gelmez. Bu sorundan yola çıkarak, bir çözüm geliştirdim jQuery kullanarak. Yorumlardaki br kodunu, p etiketi ile değiştirerek fazla br kodlarını geçersiz kılıyoruz ve ardından p etiketine verdiğimiz margin-top ile de br gibi yapay bir boşluk yaratmış [...]

Herhangi bir input butonuna tıkladığınız zaman tarayıcı bazında değişebilecek bir biçimde "mavi çerçeve" çıkmaktadır. Ben bu durumu tasarım açısından pek beğenmiyorum. Dolayısı ile sitenizdeki tüm input'lara tıklandığı zaman, ortaya çıkan bu mavi çerçeveyi kalıcı olarak kaldırabilirsiniz. Bu şekilde hiçbir tarayıcıda benzeri bir çerçeve çıkmayacaktır. Aşağıdaki kodu ise CSS bölümünüze eklemeniz yeterli olacaktır. Farklı bir aksiyona ise [...]

Bildiğiniz gibi içerik formlarında (yani textarea bölümlerinde) yeniden ölçeklendirme özelliği bulunur. Böylelikle içerik formunu dilediğiniz gibi genişletebileceğiniz gibi, daraltabilirsiniz de. Ancak ben daha sağlıklı görünüm adına, yeniden ölçeklendirmeye pek sıcak bakmıyorum. Çünkü bu durum, ekran bazında kaymalara neden olabilmektedir. Textarea ölçeklendirme kapatmak için ise temanızın CSS bölümüne aşağıdaki kodu eklemeniz [...]

Google'ın Password Checkup adını verdiği yepyeni Chrome eklentisi kısa bir süre önce yayımlandı. Tamamen ücretsiz olarak kullanıma sunulan eklenti, milyarlarca kullanıcı adı ve şifre içerisinde bir analiz gerçekleştirerek, sizin kullanıcı bilgilerinizin veri sızıntılarına dahil olup olmadığını check ediyor ve size bu yönde bilgi iletiyor. Şifre sızıntıları günümüzde maalesef ki çok sorun yaşatan bir durum. Bu yüzden Google'ın resmi olarak yayımladığı bu eklentiyi [...]