FontAwesome ile yüzlerce ikon bir arada!

Web tasarımcılar için olmazsa olmaz ürünlerden birisi de ikonlardır. Web sitenin çeşitli yerlerinde ikonlar kullanılır. Her zaman yeteri kadar ikon bulunmayabilir ve her ikon için ayrı resim dosyası çağırmak (tek dosyadan da çağrılmış olsa da ayrı piksel değeri tanımlamak gerekir) oldukça sorunlu bir iştir. FontAwesome geliştiricileri de font-ikon fikri ile bu soruna çözüm olarak kullanımı çok daha basit ikonlar geliştirmişler. FontAwesome font tanımlayarak ikon kullanmamıza olanak sağlıyor. İçerisinde sembol bulunduran yazı tiplerinden farklı olarak web siteniz içerisinde herhangi bir karakter girmeniz gerekmiyor. Kullanacağınız bir font sayesinde yüzlerce ikonu zahmetsizce kullanabiliyorsunuz. Bunun yanında CSS kodları ile de istediğiniz şekilde kullanabiliyorsunuz. Göze çarpan önemli…

Devamını Oku ›

Ziyaretçilerinizin Web Sitenizde Görmek İstemeyeceği 10 Şey

Web site sahipleri kullanıcıların sitelerinde ne kadar süre kaldıklarına dikkat etmektedir ve nitekim etmelidir de. Bilindiği üzere Google Arama Moturu da algoritmasında buna önemli ölçüde yer vermekte. Hâl böyle olunca da web sitelerde kullanıcıları rahatsız eden içerikleri barındırmamak şart oluyor. Her internet kullanıcısının başına gelmiştir; bazı siteler o kadar çok canımızı sıkar ki kara listemize aldığımız olur ve bir daha bu sitenin içeriklerinin değersiz olduğunu düşünerek o web sitesine adımımızı atmayız. Aynı durumda kalmamak, ziyaretçilerimizin sitemizden kaçarak uzaklaşmaması ve kara listeye alınmamak için web sitemizde bulunması gereken bazı kriterler mevcuttur. Bunları 10 başlık altında topladım fakat okuduktan sonra sizin de…

Devamını Oku ›

Responsive Tasarım Yapmak

Günümüzde mobil ve tablet kullanımının artmasıyla birlikte responsive dediğimiz duyarlı tasarımlara ihtiyaç duyulmaktadır. Benim de bir web sitesi için responsive tasarım yapmam gerekti ve “Nasıl responsive tasarım yaparım?” diye araştırarak responsive site tasarımının nasıl yapılacağını öğrendim. Responsive Tasarım Nasıl Yapılır? Responsive tasarım yapmak aslında sanıldığı kadar zor değildir. Duyarlı sitelerin mantığı ziyaretçilerin kullandıkları çözünürlüğe göre CSS çalıştırmaktır. Biz de işte böyle yapacağız. Farklı çözünürlükler için farklı CSS blokları yazarak responsive şablon oluşturabilirsiniz. /* Maksimum 479px çözünürlükte çalıştırılacak CSS kodları */ @media only screen and (max-width: 479px) { .ornek {width:300px;} .kutu {background:blue;} } /* 480px ve 767px arası çözünürlükte çalıştırılacak CSS kodları…

Devamını Oku ›
kod.gen.tr