‘yazı tipi’ etiketi için sonuçlar
@font-face kullanımı
Ekim 29th, 2009 • 9 yorum CSS, XHTML
Etiketler: farklı tarayıcılara göre kod yazmak, font-face, yazı tipi, yazı tipi gömme
@font-face Genel Bilgi
@font-face özelliği web sitelerimizde sistemde yüklü olmayan yazı tiplerini kullanma imkanı verir. @font-face kodu ile kullanıcının bilgisayarına kullanılacak yazı tipleri yüklenir. @font-face özelliği ilk olarak CSS2 ile birlikte geldi, ancak sonradan bazı problemlerden dolayı CSS2.1′de kaldırıldı ve şimdi CSS3 ile birlikte yeniden geldi.
Tipografi hakkında bir çok makale yazıldı ve yazılmaktadır. Bende zamanında CSS ve Tipografi adlı bir makale yayınlamıştım ve orada yazı tipi seçiminin öneminden bahsetmiştim. Biz halihazırda farklı yazı tiplerini sitelerimizde kullanmak için sIFR, Cufón vd. bazı yöntemleri kullanmaktayız. Bu yöntemler işimizi görse de bazı dezavantajları yok değildi. @font-face bu sorunları gidermek ve yenilikler getirmek için bizlere sunuldu. Bu konuda ümitliyim.
@font-face özelliğini tüm yeni nesil tarayıcılar destekliyor. Diğer özelliklerden farklı olarak ilk defa bu özelliği Firefox, Opera ve Safari sonradan destekledi. Şu an ki durumda kullanmak mümkün olsa da bence en az 4-5 aylık(Firefox’un eski sürümlerinin yerini Firefox 3.5 alması için) bir süre sonra tam anlamıyla bir projede kullanılabilir. Tabi tek sorunumuz bu ise.
Kaynak: Vikipedia
Firefox 3.1 Yenilikleri
Ekim 21st, 2008 • 8 yorum CSS, Haberler, Javascript, Web Standartları, XHTML
Etiketler: Firefox, font-face, geode, gps, internet, İnternet Tarayıcısı, Javascript, tarayıcı, yazı tipi
Firefox 3.1 Beta1 çıktı. Aslında sadece bir haber değeri taşıyan bir bilgi, ancak Firefox 3.1 ile birlikte bir çok sevindirici gelişmeler getirdiği için dikkate değer bir yenileme. Bir ara sürüm değilde sanki yeni bir sürüm gibi. Yeni özelliklere bir göz atalım. Okumaya devam edin »
15 Eylül 2008 web’den seçme haberler
Eylül 15th, 2008 • 1 yorum Haberler
Etiketler: 0 yükseklik, Developer Tools, firebug, Firefox 3.1, HTML 5, ie8, Javascript, jquery, mootools, yazı tipi
- Css-trics’ten jquery hakkında güzel bir video. Bağlantı
- Yazı tipi gömme işinde sona yaklaşılıyor gibi. Sonudan Mozilla(Firefox) @font-face’i destekleyeceğini açıklamış. Bu bizim için çok güzel bir gelişme. Bağlantı
- CSS ile %100 yükseklik için yapmamız gereken. Bağlantı
- SmashingMagazine’den 75 gerçekten kullanışlı javasscript teknikleri. Bağlantı
- IE8′den jscript profiler. FireBug benzeri bir araç. Bağlantı
- Firefox3.1 ile birlikte özel mod adında yeni özellik geliyor. Aslında bu Google Chrome ve IE8′de olan bir özellik. Yaptığınız işlemlerin herhangi bir site veyerde tutulmasına izin vermediğiniz bir tarayıcı modu. Tarayıcı savaşlarında en güzel yanı bir özellik eğer tutarsa bütün tarayıcılara dağalıyor Bağlantı
- Mootools ile yapılmış mükemmel bir google map gibi bir uygulama. Bağlantı
- Internet Explorer 8.0 ile beraber gelen Developer Tools’u inceleyelim. – daron.yondem.com Bağlantı
- CSS ile yapılmış açılır menü örnekleri. Bağlantı
- Web 2.0 bitti ,Web 3.0′ı beklerken – blog.harunpeksen.net Bağlantı
- FireBug1.2.1 sürümü yayınlamış. Değişen bazı hataların giderilmesi. Bağlanatı
- HTML 5 web alameni nasıl değiştirecek. Bağlantı
- Daron Yöndem’den ie8 hakkında güzel makaleler. Bağlantı
03 Eylül Web’den seçme haberler
Eylül 3rd, 2008 • Haberler
Etiketler: CSS filtreleme, display:inline-block, Erişebilirlik, Google Analytics, Google Chrome, internet explorer, internet explorer 6, jParallax, yazı tipi
- Hasan Yalçın sitesini yenilemiş. Hayırlı olsun. Bağlantı
- Bu aralar yazı tipi gömme işleri üzerine bayağı bir çalışma var. Bence çok gecikmiş bir özellik umarım tüm tarayıcılar anlaşırlarda iş tatlıya bağlanır. Bağlantı
- Internet Explorer 8.0 Beta 2 yayınlanmış. Bağlantı
- Internet Explorer 8.0 Beta 2 ile gelen güvenlik yenilikleri – daron.yondem.com Bağlantı
- display-inline:block hakkında güzel bir makale. Bağlantı
- Ağustos ayında yayınlanmış güzel makaleler. Süper derleme Bağlantı
- Web tasarımlarınızın erişebilirliğini ölçebileceğimiz 10 araç. Bağlantı
- 30 günde mootools öğrenmeyi anlatan güzel bir site. Bağlantı
- Birebir tasarıma uygun kod yazmak için güzel bir yöntem. Bağlantı
- Internet Explorer 6′yı engelleyelim. Bağlantı
- FireFox, Internet Explorer, Safari ve Opera’ya göre filtreleme yapmak. Bağlantı
- Google internet tarayıcı sektörünede girdi. Google Chrome adlı yeni tarayıcı rekabeti kızıştıracak gibi. Bağlantı
- Google Chrome çıktı. Hızlı, sade ve güven veriyor. Stadandartları destekliyor. Acid 2 testinden tam puan aldı. İndirmek için tıklayınız. Özelliklerini incelemek için tıklayınız Bağlantı
- Html elemanlarının CSS testini sağlamak için hazırlanmış güzel bir html dosyası. Bağlantı
- jQuery’nin güzel bir eklentisi jParallax. Bağlantı
- Profoyonel sitelerden temel olarak nasıl yardım alabilriz. Bağlantı
- Modern web sitelerinde javascript’in yeri. Bağlantı
- Çok kademeli sitler için güzel bir menü örneği. Bağlantı
- Google Analitics ipuçları. Bağlantı
CSS ve Tipografi
Eylül 14th, 2007 • 16 yorum CSS, Web Standartları, XHTML
Etiketler: CSS, font, font-family, font-size, font-weight, letter-spacing, line-height, satır-yüksekliği, tipografi, Web Standartları, word-spacing, XHTML, yazı tipi, yazı-tipi isimleri
“Tipografi(Yunancaτύπος (typos)=”form” ve γραφία (graphia)=”yazmak” sözcüklerinden)yazıyı bir forma sokma sanatı ve tekniğidir. Font (yazı tipi), font büyüklüğü,satır uzunluğu, satır arası boşluk ve benzeri unsurların kombinasyonları ileyapılır. Yayımlanacak yazınsal içeriğin bir forma sokulması veya tasarımı olarakda tanımlanabilir. Türkçe tipografya olarak da çevrilmiştir. TerimTürkçe’yeFransızca’dangeçmiştir.” Kaynak: Vikipedi
İlk CSS derslerimizde CSS’in avantajlarını sıralarken metinlere daha fazla hükmetme özelliğine sahip olduğumuzdan bahsetmiştik. Tipografihakkında sizlere genel bir bilgi verecek değilim, bu benim haddimede değil zaten. Biz buradadaha çok Stil Şablonlarının bize tipografi adına kazandırdıklarını göstermeyeçalışacağız ve CSS ile sayfalarımızı daha dikkat çekici ve okuna bilir hale getireceğimizi göreceğiz. Tipografihakkında genel bir bilgi vermesi açısından güzel bir çalışma olan Doç. Hasip Bektaş’ın “İnternetteki Tipografi Sorunları ve GörselKirlenmeye Karşı Öneriler” adlı makalesini okumanızı tavsiye ederim. Ayrıca kaynakçakısmındaki linklerden de daha fazla bilgi alabilirsiniz.
CSS İpuçları 6 : CSS kısaltmaları hakkında
Temmuz 22nd, 2006 • 3 yorum CSS
Etiketler: CSS, kalıtsallık, yazı tipi
Genel özellikleri bir kere tanımlayarak tekrarlardan kurtulabiliriz. Bu sitemizi hız ve tutarlılık kazandıracaktır.
Örneğin sitemizde kullanılan genel yazı tipi ve yazı tipi rengini body içinde tanımlayarak bir çok tekrarı engellemiş oluruz.
body {
font:Arial, Helvetica, sans-serif;
color: #474747
}
