Bu video dersinde CSS’te Attribute/Özellik seçicilerin kullanımını örneklendirmeye çalıştım. Derste yer alan stil tanımlamaları aşağıdaki gibidir: /* Özellik Seçici: HTML/XHTML etiketlerini özelliklerine, bu özelliklerin aldığı değerlere göre seçmek için kullanılırlar. */ /* Aşağıdaki atamayla sayfa içinde title özelliğine değer almış/onu kullanmış dt eleman(lar)ı seçilecek ve tanımlanan stil tercihleri bu etiket(ler)e uygulanacaktır */ dt[title]{ font-weight: bold; padding: 5px 0px; } /* Aşağıdaki atamayla sayfa içinde title özelliğine “basit” değeri almış dt eleman(lar)ı seçilecek ve tanımlanan stil [...]

Bu video dersinde CSS’te Sibling/Kardeş seçicilerin kullanımını örneklendirmeye çalıştım. Derste yer alan stil tanımlamaları aşağıdaki gibidir: /* Kardeş Seçici: Aynı ebeveyne sahip sayfa elemanlarını seçmek için kullanılırlar. */ /* Aşağıdaki atamayla sayfa içinde aynı ebeveyne sahip p elemanından sonra gelen kardeş div sayfa eleman(lar)ı seçilecek ve tanımlanan stil tercihleri bu etiket(ler)e uygulanacaktır */ p + div { border: #000000 1px solid; font-size: 14px; font-weight: bold; text-decoration: underline; color: #cc0000; padding: 10px; width: 500px; } /* [...]

Bu video dersinde CSS’te descendant/torun seçicilerin kullanımını örneklendirmeye çalıştım. Derste yer alan stil tanımlaması ve çalışma zamanında oluşturduğu çıktı aşağıdaki gibidir: /* Torun Seçici: Bir sayfa elemanının soyundan gelen sayfa elemanlarını seçmek için kullanılırlar. */ /* Aşağıdaki atamayla sayfa içinde yer alan ul sayfa elemanlarının torunu konumunda bulunan bütün em etiketleri seçilecek ve tanımlanan stil tercihleri bu etiketlere uygulanacaktır */ ul em { color: red; font-weight: bold; } Çalışma zamanı çıktısı: Kodcu.Com CSS Dersleri Yayınlanmış [...]

Kullanımı örneklendirilen child/çocuk seçicinin video derste yer alan kodu: /* Çocuk Seçici: Bir ebeceyne sahip olan sayfa elemanlarını seçmek için kullanılırlar. */ /* Aşağıdaki atamayla sayfa içinde yer alan div sayfa elemanlarının çocuğu konumunda bulunan bütün p etiketleri seçilecek ve tanımlanan stil tercihleri bu etiketlere uygulanacaktır */ div > p { color: blue; font-weight: bold; } /* Aşağıdaki atamayla sayfa içinde yer alan, class özelliğine “islenmis” değeri almış sayfa elemanlarının çocuğu konumunda bulunan bütün li [...]

Video dersinde kullanımı örneklendirilen evrensel seçici kullanımına dair farklı ve örnek tanımlamalar: /* Evrensel Seçici: Bütün sayfa elemanlarını seçmek için kullanılabilir. Yine evrensel seçiciler, belirlenen Etiket/Sınıf/Kimlik seçicinin soyundan gelen bütün sayfa elemanlarını seçmek için de kullanılır. */ /* Aşağıdaki atamayla sayfa içinde yer alan bütün etiketler, sayfa elemanları (body dahil) seçilecek ve tanımlanan stil tercihleri bu etiketlere uygulanacaktır */ * { border: #000000 1px solid; } /* Aşağıdaki atama ile Div etiketinin soyundan gelen bütün [...]

Bu video dersinde CSS söz dizim kuralları yanı sıra, Etiket/Tag, Sınıf/Class ve Kimlik/Id seçicilerden, nasıl kullanılacaklarından söz edilmiş, bu kullanımlar örneklendirilmiştir. Aşağıda bu seçicilere dair örnek tanımlamalar görmektesiniz… /* Etiket Seçiciler: HTML/XHTML etiketleridir Aşağıdaki atamayla sayfa genişliği ve arka plan rengini ayarlıyoruz */ body { width: 900px; background-color: white; } /* Sınıf Seçiciler: HTML/XHTML etiketlerinin class özelliğine atanan, isimlerinin başına “.” sembolü konularak tanımlanan seçicilerdir. Aşağıdaki atamayla class özelliğine “baslik” değerini almış sayfa elemanlarının kullanacağı [...]

Bu video dersinde, CSS’e giriş mahiyetinde başlangıç olarak, “CSS nedir ve CSS kodları sayfalarımıza nasıl dahil edilir?” sorularına cevap vermeye çalıştık…

Kalite için iyi test şarttır fakat iyi test ifadesinin karşılığı kişiden kişiye değişir. Daha önceden belirtmiştim, uygulama için iyi testler gelişmek, sağlıklı kalabilmek için spor merkezine gitmeye benzer. Spor yapmanın iyi birşey olduğunu herkes bilir ama çok az kişi düzenli spor yapar. Testlerinde kaderi aynen öyle. Birim (unit) test nedir ? Birim testler yazılım içerisindeki en ufak birimlerin test edildiği ortamlardır.  En ufak birim ise yordamlardır. Birim testlerin otomatik çalışabilmesi için JUnit/ NUnit gibi gayet [...]

Çoğu web uygulama geliştiricisi Firefox üzerinde çalışan firebug ile yolları kesişmiştir. Uygulamalar firefox için tasarlanırsa sorun yok ama genelde böyle olması beklenmez, beklenen uygulanın tüm büyük tarayıcılarda çalışmasıdır. Chrome ve IE gibi. Bu arada IE 6 yı ayrı bir yere koymak lazım