Bir programcının en belli başlı üç özelliği: tembellik, sabırsızlık ve kibirdir. Larry Wall
CSS calc() Fonksiyonu Hayat Kurtarır

CSS calc() Fonksiyonu Hayat Kurtarır

Bu fonksiyonun varlığından haberdar değilken küçücük bir css komutunun yaptığı işi javascript ile yapmak için satırlarca kod yazmak zorunda kalıyordum. calc() fonksiyonu hayatımıza CSS3 ile girdi, günümüzde kullanılan tüm tarayıcıların son sürümleri tarafından desteklenmektedir, yanlızca Blackbarry browser için -webkit ön. Devamı »

Başarılı Bir Yazılım Prepros App

Başarılı Bir Yazılım Prepros App

Sass yazarken kullandığım ve tüm arayüz geliştiricilere kesinlikle tavsiye ettiğim küçük bir programcığı tanıtmak istiyorum çünkü kendisi olmazsa olmaz listemde ilk sıralara girdi. Hem OS X hem de Windows üzerinde çalışabilen uygulamanın geçtiğimiz Aralık ayında Google Chrome eklentisi bile yayınlandı. Uygulamayı. Devamı »

CSS İle Webkit Tarayıcılarda Hover Efektleri (webkit-filter)

CSS İle Webkit Tarayıcılarda Hover Efektleri (webkit-filter)

Bu yazımızda Webkit tabanlı tarayıcılarda (Google Chrome, Safari, Yandex Browser) kullanabileceğimiz bazı css3 tekniklerini inceleyelim, siz de takdir edersinizki css3 web tasarımın (webmasterların) vazgeçilmezi haline geldi, webkit-filter ile resimlerimize birbirinden güzel css efektleri, hover efektleri verebiliriz, işin tek kötü tarafı. Devamı »

CSS Resetlemenin Faydaları

CSS Resetlemenin Faydaları

Yazdığımız css kodları tüm tarayıcılarda aynı sonucu vermiyor olabilir, bunun sebebi internet explorer ın margin değerinin geniş olması safari nin margin değerinin dar olması, diğer tarayıcılara göre google chrome un h1 etiketine uyguladığı padding değeri yani kısacası p a span. Devamı »

CSS Placeholder Seçicisi İle Renklendirme

CSS Placeholder Seçicisi İle Renklendirme

Bir HTML5 attribute u olan placeholder ı bu yazımda yazmıştım, fakat placeholder tanımlanan inputun placeholder rengini değiştirmemiştik, bu yazıda Webkit ve Moz tarayıcılarda placeholder seçicisini kullanacağız. Öncelikle bir placeholder değeri olan input oluşturalım. <form id="form"> <p><input name="isim" type="text" placeholder="Adınızı Girin"/></p> <p><input name="soyisim" type="text" placeholder="Soyadınızı. Devamı »