CSS Dersleri
Geçen haftasonu c.tesi günü(28 Temmuz 2012) jstanbul etkinliğinde sunduğum “CSS3 Javascript’ten Rol Çalıyor” makalesidir. Etkinlikte internet erişimim olmadığı için örnekleri gösterememiştim, burada bağlantıları da paylaşıyorum umarım yararlı olur. Sunuma erişmek isteyenlere sunumun linki. Bu başlık şöyle çıktı; Hasan Yalçın’ın “Modern Web Tasarımı” kitabı için HTML5 ve
CSS Dersleri
Firebug kodlama hayatımızda önemli bir yere sahip, Google Developer Bar ile şu aralar çekişseler de Firebug’ın bendeki yeri ayrı. Firebug 1.10 ile birlikte gelen yeni özellikler; Çerez Sekmesi En büyük yeniliklerden birisi Çerez yönetim sekmesinin eklenmesi. Belirli siteler için çerez kullanımını engelleyebilirsiniz, var olanı değiştirebilir veya yeni çerez
CSS Dersleri
CSS3 yeniliklerinde yaralanıyoruz, tabi bazı sorunlar ortaya çıkıyor. Hatasız kod olmayacağı için, hata olur ama bir çözümüde vardır elbet diye düşünmemiz lazım. Sorun tam olarak bir sayfanın ardalanının tamamına renk geçişi uygulamak istediğimizde belli bir yere kadar uygulayıp kalan kısmını tekrar ettirerek istemediğimiz bir durum oluşmasına neden oluyor. Sorunun çözümünü
CSS Dersleri
“IE6 Sonrası Kod Yazma Alışkanlıklarımızı Güncellemek” yazısından sonra ie7 istatistikleri daha çok ilgimi çeker oldu. Şu anki istatistiklere bakarsak %4 civarında(makaleye başladığımda %10 idi.) ie7 kullanan kullanıcı var, peki biz bunları yoksayabilirmiyiz ve yok sayarsak bize neler kazandırır bu makalemde bunları irdeleyeceğim. İnternet Explorer 7. sürümünü bundan yaklaşık 5
CSS Dersleri
CSS3’ün güzel özelliklerini yavaş yavaş kullanmaya başladık. CSS3’ün yeniliklerinin yanında önek karmaşası gibi sorunlarımızda var. CSS3’de kodlarımı yazarken farklı tarayıcılar için önek ile kullanmak durumundayız. Farklı Tarayıcı önekleri; * Chrome ve Safari (-webkit-) * Firefox (-moz-) * Opera (-o-) * Internet Explorer (-ms-) Bu sorunun nedeni CSS3 özelliklerinin hala geliştirilmekte olması
CSS Dersleri
CSS3 ile birlikte bir çok güzel özellik geldi. Bunlardan bir tanesi CSS3 renk geçişi(gradient) özelliği. Bu özelliği uygulamamızda en büyük etki CSS3 renk geçişini desteklemeyen İnternet Explorer için filtre ile çözüm oluşturuyor olabilmemiz. Uygularımızda CSS3 renk geçişini uyguladıkça filtre uygulamalarında yaşanan sorunlar ortaya çıkmaya başladı. Daha önce bu konuda
HTML
HTML5 ve özellikleri hayatımız gireli bayağı bir zaman oluyor. Ancak uygulamalara yansıması o kadarda çok değil. Bende bir kaç projede HTML5 uyguladım. HTML5 yenilikleri ve anlamlı etiketleri ile bizlere avantaj sağlıyor. Kodlamaya başlamadan hemen bir sorun ile karşılaşıyoruz. Sorun = Internet Explorer Eşitliği gerçeğe dönüşüyor. Internet Explorer 9’dan önceki sürümlerde
CSS Dersleri
Webkit ekibinin ilk olarak 2008 yılında CSS’e kattığı bu özellik daha sonra w3c tarafından standartlara girdi. HTML elemanlarını döndürmek, boyutlandırmak, eğmek gibi eylemleri gerçekleştirmemize yarıyor. 2d Transform özelliği 3d’ye göre tarayıcı desteği konusunda çok avantajlı. 2B Dönüştürme özelliklerini ie9+ desteklerken, 3B Dönüştürme özelliklerini henüz betası çıkmış olan ie10+
CSS Dersleri
CSS3 ile renk geçişi hakkında yazdığımız makalede İnternet Explorer içinde çözüm üretmiştik. Uygulamada bazı durumlarda renk geçişinin İnternet Explorer’larda çalışmadığını gördüm. Biraz araştırınca bu sorunun hasLayout’tan kaynaklanan bir sorun olduğunu gördüm. CSS3 ile renk geçişi için http://www.colorzilla.com/gradient-editor/sitesini kullanıyorum. Sorunu görmek için aşağıdaki gibi
CSS Dersleri
Makaleye başlamadan önce Internet Explorer 8 standart modda hasLayout kabulünün kaldırıldığını söyleyelim. IE7 uyumluluk modunda hala mevcut. hasLayout özelliği hakkında bir şeyler bilmememiz normal çünkü biz daha çok sorun kısmını görüyoruz. Aslında bazı kaynaklarda “Boyutlandırma Hatası” olarak da geçiyor bu sorunlar. hasLayout Internet Explorer’un yorumlayıcı motorunun bir kabulü olarak
HTML
Firefox 12 ile birlikte gelen Sessiz Güncelleme Özelliği bana bu yazıyı yazmak için ilham verdi. Artık tarayıcı farklılığının sorununun sonu göründü. Chrome bu özelliği ilk getiren tarayıcı ve diğerlerini peşine taktı sürüklüyor. İnternet Explorer’ında bu yönde bir tercih yapacağını duyurması(şimdilik Avusturalya ve Brezilya’da) ile birlikte gelecek için
CSS Dersleri
CSS3 özellikleri hayatımıza girmeye başladı. Artık projelerimizde CSS3 renk geçişini, metin gölgelendirme(text-shadow), kutu gölgelendirme(box-shadow) kullanabiliyoruz. Kullandıkça görüyoruz ki yeni özellikler güzel ancak eklemek için biraz daha fazla kod yazmak gerekiyor ve bazı durumları oluşturmak için bazı araçlar gerekiyor. Örneğin CSS Gradient Generator vs. gibi Benzer bir durum kutu