Opera Türkiye

Twitter’ın Görünümündeki Hataları Düzeltin!

Yazan: metude | 2 Ağustos 2010 - 06:00 | Özelleştirme

Twitter, tasarımında kullandığı bazı yuvarlatılmış köşeleri vendor-prefix ile kullandığı için ve Opera’da da vendor-prefix kullanılmış köşeler yorumlanamadığından, bu köşeler yuvarlatma olmadan gösterilmektedir. Bu sorunu, User CSS kullanarak kolay bir şekilde çözebiliriz ancak Twitter geliştiricilerinin neden 1 satırlık normal kullanımı eklemediği de ayrı bir merak konusu?

Vendor-prefix nedir?

Chrome, Firefox ve Safari border-radius gibi yeni CSS standartlarını yorumlayabilmek için bu elementin önüne tarayıcı motorlarının kısaltmasını içeren bir ek getirilmesini zorunlu tutmaktadır. Örneğin border-radius: 5 px; değeri Opera’da doğru olarak yorumlanırken Firefox bu kodu tanımayacaktır. Eğer Firefox’un da bu kodu yorumlamasını isterseniz ayrıyetten -moz-border-radius: 5px; gibi bir ek ile kullanmanız gerekir. border-radius: 5 px; -moz-border-radius: 5px; haliyle ise Safari ve Chrome doğru yorumlayamacaktır. Bunlar içinse -webkit- getirmek gerekiyor.

Bu kutucukta anlatılan örnek uygulanmıştır. Opera’da ve Firefox’da bu sayfaya baktığınız zaman Firefox’un yuvarlatılmış köşeleri yorumlamadığını ama Opera’nın yorumladığını göreceksiniz. Ayrıntılı bilgi…