CSS Dersleri
CSS3 ile birlikte gelen yeni özellikleri araştırmaya devam ediyorum. Bunlardan bir tanesi border-image özelliği. border-image, elamanın kenarlarına resim eklemek için kullanabileceğimiz bir özelliktir. Küçük resimlerle dekoratif kenar resimleri, oval şekilli kenarlar ve renk geçişleri uygulayabiliriz. CSS3’ün birçok özelliğinde olduğu gibi border-image özelliğide yeni nesil tarayıcılar tarafından
CSS Dersleri
Sitem üzerinden birçok mesaj aldım bu konuda. Sonunda yazmaya karar verdim, bir önceki makalemde CSS3’ün background-size özelliğini anlattım, orada da bahsettiğim gibi background-size özelliğini kullanarak bu işi çok kolay bir şekilde yapabiliriz. Buradaki problemimiz bu özelliği desteklemeyen tarayıcılar için nasıl bir çözüm bulmalıyız. Bu makalede farklı tarayıcılar
CSS Dersleri
background-size özelliği background-image ile tanımlanan resmin boyutlarını tanımlamamıza yarar. Yapısı : background-size: [<bg-size>[, <bg-size> ]\ Aldığı Değerler : [ <yuzde_deger> | <uzunluk> | auto ] | contain | cover\ Başlangıç değeri: auto\ Uygulanabilen elementler: tüm elementler\ Kalıtsallık: Yok {: .cssozelliktanimi} İki değer tanımlandığında ilk değer genişlik
CSS Dersleri
CSS ile renk geçişi CSS3 ile birlikte gelen güzel bir özelliktir. Resim kullanmadan bir renkten diğerine geçiş yapmayı sağlayan css3 gradients özelliği bize tasarımsal anlamda çok büyük avantaj sağlar. Ayrıca resim kullanmadığımız için HTTP isteği yapmamış oluruz ve böylelikle hız kazanmış oluruz. Renk geçişi resimleri genelde jpeg olarak kaydedilir, resimde
CSS Dersleri
Firefox kullanmamdaki en büyük sebeplerden birisi tabiki Firebug, Firebug dışında diğer geliştirici araçlarınıda arasıra kullansam da pek Firebug kolaylığı sağlamadığı için tercih etmiyorum. Bugün(yarım saat önce) Chrome geliştirici aracı ile çalışırken Firebug’da olmasını istediğim bir özelliği gördüm ve ilk defa Firebug’a bir konuda eksi puan verdim. Hesaplanmış
jQuery biz arayüz geliştiriciler için çok büyük bir yardımcı. Devamlı güncellenen jquery kütüphanesi bazı geniş çaplı sitelerde yeni sürüme geçmek o kadarda kolay olmuyor. Burada yaşadığımız sorun eski sürüm jquery kütüphanesinin bir problemine kütüphane güncellemeden çözüm üretmek olacak. Sorun şu; chackbox veya radio butonlara atanan change olayının işlememesi, daha doğrusu
CSS Dersleri
Geçen araştırırken gördüm. border-color:transparent özelliğini İnternet Explorer 7. sürümünden sonra desteklemeye başlamış, yani ie6’da desteklemiyor. Internet Explorer 6’nın son günlerini yaşadığımız bu günlerde küçük bir bilgilendirme olarak geçeceğim bu sorunun çözümünü. {% highlight css %} ul li a{ border-right:1px solid #f00 } ul li a:hover{ border-
CSS Dersleri
Firefox’un 5. sürümü çıktı. En güzel yanlarında birisi artık Chrome gibi otomatik güncellenmesi. Her sürümde tekrar tekrar indirme dönemi bitti Firefox içinde darası diğer tarayıcıların başına, özellikle İnternet Explorer’un. Otomatik güncelleme olmadı ise Yardım- Firefox hakkında penceresinde güncelle butonu ile de yapabilirsiniz. Chrome’un hızlı sürüm numarasını kıskanan
Haberler
Javascript kodlarının daha hızlı yüklenmesi, dosya boyutunun azaltılması için ve kodları kopyala-yapıştır ile kolayca almak isteyenler engellemek için javascript kodlarını sıkıştırırız. Evet güzel bu özelliklerin her biri güzel ancak bir sorun olduğunda kodu göremiyoruz. Chrome yeni sürümünde güzel bir özellik getirmiş. “Sıkıştırmayı geri al” diye Türkçe’ye çevirebileceğim bir
CSS Dersleri
CSS ile yatayda ortalamak deyince aklımıza hep genişliği sabit olan alanlar geliyor. Ancak genişliği sabit olmayan elemanları ortalamak biraz daha farklı oluyor. Genişliği sabit olan blok-level elemanları ortalamak için birçok kaynak var iken genişliği belli olmayan blok-level elemanları ortalamak için çok fazla kaynak bulamıyoruz. Google’da yaptığım aramalarda
Haberler
Daha önceleri pek kullanmadığım sürüm kontrol sistemleri zamanla ihtiyaç haline geliyor. Sahibinden.com’da çalışmaya başladığımda bazı yenilikler ile tanıştım, bunlardan biri de Git ile tanışmam oldu, sağ olsun arkadaşların yardımı ile yavaş yavaş öğrenmeye başladım. Ben burada kendi öğrenme sürecimde öğrenebildiklerimi sizlerle paylaşmak istedim. Bu konuda daha başlangıç seviyesindeyim.
Jquery son sürümü 1.6 çıktı. Dokümanları incelerken gözüme holdReady() fonksiyonu takıldı. Jquery holdReady fonksiyonu document.ready olayını tutar veya devam etmesini sağlar. Boolean(true / false) tipi değer döndürür. true değeri dönerse document.redy olayını tutar, false değeri gelirse bırakır ve document.ready olayı gerçekleşir. document.ready olayı DOM yüklenir