HTML5 Mobile

Mobil tarayicilarin destekledigi HTML5 ozellikleri tablosu, eger web app gelistiriyorsaniz kesinlikle goz atmakta fayda var.

http://mobilehtml5.org/
4 Aralık Cumartesi ´10   —   3 Yorum
Bu aralar cufon, flir gibi web syfalarında kendi fontunuzu kullanabilmenizi sağlayan araçların kullanılabilirliği konusunda yeni nesil css çözümüne alternatif olarak kullanılabilirliğini test ediyordum. Aslında biraz sevindirici bir sonuç aldım. Çünkü css2 ile gelen font-face'in css3 ile tekrar gündeme gelmesinin yanı sıra aslında birçok tarayıcıda sorunsuz kullanılabildiğini gördüm.

Aşağıda @font-face attribute'u ve hangi tarayıcıların hangi sürümden beri desteklediğini görebilirsiniz.

CSS Property@font-faceformat
IE6 EOT
IE7 EOT
IE8 EOT
Safari3.2TTF/OTF
iPhone 3.1 supports SVG
Chrome4.0.249.78TTF/OTF support added 1/25/10
SVG supported by default
Firefox3.5TTF/OTF
Opera10TTF/OTF

Kaynak:http://is.gd/id6se

Aslında bu bu tercih edilebiliriği sağlayan bir etken de Microsoft'un herkesten önce bunu implemente etmiş olması. Çünkü IE cephesinin birçok yeni feature'u desteklememesinin yanı sıra XmlHttpRequest gibi birçok tarayıcıdan önce davranmış olduğu konular var. Doğal olarak bu, geliştiricilerin önünü tıkamadığı için webde örnekleri çoğaldıkça kullanımı hızlı yayılıyor. Çünkü her zaman karşımıza çıkan ie problemleri olmuyor.

Tabi bir sorunumuz var, kullanmak istediğiniz fontun her tarayıcının render edebileceği formatlarda sunuyor olmanız gerek. Bu öyle kolay bir iş değil. Zira zaten font kullanımının birçok lisans bağlantısı ve kullanımının açık olmaması gibi bir durum yaygın. Tabi ki SVG gibi formatlar bunu kırıyor fakat yine de bu crossbrowser destek verebilmenizi sağlamıyor. En azından fontunuzun, EOT, SVG, TTF ve OTF formatlarında sunuyor olmanız gerek.

Tabi ücretsiz ve non-commercial kullanımı ücretsiz olan fontları size kit olarak sunan siteler var. Aralarından en sevdiğim olan Fonts Squirrel'i kullanabilirsiniz. Hatta bu ücretsiz font-face kitlerini inceleyip indirebileceğiniz bir sayfaları da var:http://www.fontsquirrel.com/fontface

Sonuç olarak cufon, flir gibi alternatifleri kullanmayı düşünmeden önce fontunuzu bu şekilde çok formatlı sunabiliyor musunuz bunu test etmelisiniz.

Popüler Etiketler

coding ipad ios svn subversion git version control deployment db database service free api html tebrik örnek kod less css compile compiler macosx windows linux app on-the-fly ruffles doritos ingilizce mfyz pear mdb2 mysql mssql pgsql javascript js date tarih sosyal medya istatistik social media statistics graph php apache kurulum ie css3 support browser job developer notebook laptop lisans license facebook connect kontrol yapıları if while twitter jquery widget cms opengraph share wanda digital auth http xhtml xml nedir web app open source mootools internet explorer object google chart osx applications bootstrap html5 network gimp howto konsol iOS webkit music ipucu language screen terminal apple iphone firefox nasıl mobile table optimization fql form input icon ikon grafik download banner calendar logo meta generator sql export tool rss lifestream parse browsers spam framework prepare execute injection fstab ntfs sitemap seo editor development style mail signature imza session htaccess url ubuntu workspace cookie phpstorm jetbrains ide cache search ajax login design wireless ui ux icons xmlhttprequest plugin insanlar optimizasyon analyse procedure link subdomain wordpress dokuman oyun box zaman query select switch code regex textarea newsletter server startups blog www redirect crossdomain assets proje kampanya tytz app store store in-app purchase purchase verification integration storekit itunes connect itunes route router mod_rewrite button radio kitap internet portfolio diff player subscription pharma hack