Retina Uyumu – HTML/CSS

10 sene önce Beyazıt Kölemen tarafından yazılmıştır.-3.210 Okunma
Yeni nesil telefonlarda ve son olarak Macbook larda kullanılan retina ekranlarla beraber artık çözünürlük yerine derinlik artmaya başladı.. Derinliğin artmasıyla beraber standart olarak kulandığımız resimler normal bilgisayarlar da gayet güzel görünürken retina ekranlarda sırıtmaya ve kötü görünmeye başladı. Mantık olarak...

HTML5 Speech – Konuşarak Form Doldur!

11 sene önce Beyazıt Kölemen tarafından yazılmıştır.-1.832 Okunma
Az önce dikkatimi çeken bir HTML5 kodu oldu..Form bölümünde yani inputlarda Mikrofon resmi vardı ve mikrofona bastığımızda konuşarak formu doldurabiliyorduk..Yani google'un konuşarak arama yaptırma özelliği tarzı..Özelliği biraz araştırdığımda HTML5 özelliği olduğunu gördüm. [crayon-65f91d70a37e0441128398/] Input ve text area alanlarına HTML5 etiketlerinden...

CSS – :selection Kullanımı

11 sene önce Beyazıt Kölemen tarafından yazılmıştır.-2.279 Okunma
Çok önemli bir CSS kodu olduğu söylenemez ama görsellik açısından gerçekten cezbedici bir kod.. Kodun amacı site üzerinden herhangi bir yeri seçtiğiniz de arkaplan olarak varsayılan tarayıcı rengi (Genellikle mavi oluyor) yerine istediğimiz farklı bir rengi kullanabiliyoruz.. [crayon-65f91d70a3ee8169454779/] Örnek olarak...

Sayfa Yüklenirken Cufon’u Gizleme

11 sene önce Beyazıt Kölemen tarafından yazılmıştır.-1.771 Okunma
Sayfa yüklenmesi sırasında cufon biraz geç yükleniyorsa ve fontlarınız kötü bir halde gözüküp kısa bir süre içerisinde geri eski haline dönüyorsa aşağıdaki kodu CSS inize ekleyin. [crayon-65f91d70a4773694932884/] Cufon yüklenirken sitenin tamamını gizler ve cufonlar yüklendikten sonra siteyi geri gösterir..  

Tarayıcı Uyumluluğu için CSS Sıfırlama

11 sene önce Beyazıt Kölemen tarafından yazılmıştır.-3.720 Okunma
Tüm tarayıcılarda farklı olarak tanımlı gelen temel html kodlarını sıfırlamak ve bu kodları tüm tarayıcılar için ortak olarak yeniden yazmadan önce tanımlı olan tüm html kodlarının css değerlerini sıfırlamamız gerekiyor.. Body gibi,h1 gibi HTML kodlarının tarayıcılar tarafından default olarak margin,padding,font-size...

CSS3 – Siyah-Beyaz Resimler

11 sene önce Beyazıt Kölemen tarafından yazılmıştır.-2.001 Okunma
CSS3 de gelen WebKit özelliği sayesinde artık resimlere renk,parlaklık olarak da müdahale edebiliyoruz.. Sitemizdeki resimleri siyah-beyaz yapmak için ufak bir webkit aracılığı ile kolaylıkla yapabiliriz.. [crayon-65f91d70a4d8c939613665/] Kodlarını kullanarak ve resmimize gri sınıfını tanımlayarak kullanabilirsiniz örnek olarak... Filter: Firefox ve firefox...