HTML
HTML5 ile birlikte gelen form elemanlarına yer tutucu(placeholder) ekleme özelliğine CSS3 ile stil verebiliyoruz. Yer Tutucu(Placeholder); Formların input veya textarea alanlarında tanımlayıcı bilgileri gösterdiğimiz yapılardır. Firefox’da sağ üstte arama motoru alanında hangi arama motorunda arama yaptığımızda bilgi veren bir yazı bir yer tutucudur. Kullanıcı bu alana odaklandığında
CSS Dersleri
Diğer tarayıcılar rastlamadığım için bir sorun olarak yazıyorum. sizlerde eğer böyle bir tanım yaptı iseniz veya kullandığınız kod bloklarında kullanılmış ise benzer sorunu sizde yaşıyor olabilirsiniz. Bazı elemanları gizle göster yapmak için görünür alanın dışına çıkarırız. Bunun için genelde left tanımına görünür alanın içine girmeyecek büyüklükte bir değer girerek yaparız.
CSS Dersleri
CSS3 Arayüz Geliştiriciler için bir çok güzel özellik getirdi. Bu yeni özellikler gayet kullanışlı ve kuvvetli özellikler. Bu özelliklerin bazılarını kodlarken özellikle metin editörü ile kodlama yaparken zorlanabiliyoruz. Bu durumun çözümü için bazı araçlar yardımımıza yetişir. Ben aşağıda sıraladığım bir çok aracı kullandım. Bazılarını ise bu yazıyı yazarken araştırırken buldum
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
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