CSS Dersleri
Uzun zamandır kullandığım halde neden FireBug hakkında bir makale yazmadığımı bilmiyorum. Aslında bu makaleyi yaklaşık 3 ay önce yazacaktım ama biraz üşengeçlikten ve tembellikten dolayı ancak şimdi yazabildim. Birazda [Volkan Görgülü'nün video anlatımı][] benim bu makaleyi devam ettirmem için bir kıvılcım oldu diyebiliriz. FireBug gelişmiş bir araç bu
XHTML
Sitelerimizde <iframe\> kullandığımızda Internet Explorer bu <iframe\>ardalanını beyaz bir blok şeklinde görüntüleyecektir. Bu Ardalanı beyaz olan sitelerde sorun değil ama ardalanında resim veya farklı renk olan sitelerde sorun çıkarıyor. Bu durumu engellemek için <iframe\> koduna çok basit bir özellik eklemesi yeterli oluyor. {% highlight
CSS Dersleri
Evrensel seçicisi olan olan * ile yaptığımız font tanımları sorun çıkarıyor. Örneğin :::css * { font:10px/1.5em Verdana, Arial, Helvetica, sans-serif; } Tanımını yaptığımızda sayfalarımızda tanımladığımız <strong> ile kalınlaştırdığımız metinler normal görünüyor. Bunun sebebi yukarıda yaptığımız tanım. Bunu yerine tek tek tanım yaparsak sorun kalmıyor. :::css *{ font-family: Verdana, Arial, Helvetica,
CSS Dersleri
Son zamanlarda sitemin(fatihhayrioglu'nun not defteri) bazı bölümlerini yeniden gözden geçiriyorum. WordPress2.3.3 sürümünden sonra "Son Okuduğum 10 Kitap" bölümü çalışmamaya başladığı için kaldırmıştım belli bir süre sonra yeniden ekledim. Burada Yakuter'in kategori yazılarıeklentisini kullanıyordum. Eklenti WordPress'in yeni sürüm ile birlikte
CSS Dersleri
Şimdiye kadar hep Internet Explorer ile ilgili sorunlara değindim. Şimdi ise size en çok sevdiğim tarayıcı Firefox'un küçük bir sorununu aktarmaya çalışacağım. Amaç sorunu bilip ona göre kod yazmak. Birden fazla satır içeren satıriçi(inline) elemanlara padding-right değeri atandığında, satıriçi elemanın sonuna padding-right değeri eklenir. Firefox 2 ve
Haberler
* W3C'nin içeriğini Türkçeye çevirmişler. Gerçekten güzel bir doküman olmuş. Bu kadar geç fark etmem çok büyük kayıp. CSS kitabımı yazarken Türkçe terimler ve içerğinden yaralandım. Bu arada CSS kitabımın birincisini yakında yayınlıyorum. Bağlantı * SitePoint'den çevrimiçi CSS kitabı. Bağlantı * Web programcıları için güzel bir link arşivi sitesi.
CSS Dersleri
z-index, konumlandırma elementleri uygulanmış katmanların z-eksenindeki konumu belirlemek için kullanılır. z-index tüm elementlere uygulanamaz sadece konumlandırma değeri atanmış elementlere uygulanır. Bunun anlamı eğer bir elementi aynı z-ekseni üzerinde üste veya alt sıraya atmak istiyorsanız ilk olarak konumlandırma değeri atamalısınız. z-index değeri dokümanımızdaki elementlerin istiflenme sıralarını belirler. z-index elementleri z-ekseninde nerede
CSS Dersleri
:::css our_style { height: 1px; width: 100px; background-color: black; } HTML kodu; :::html <div class="test"></div> Bu kod Firefox'da sorunsuz çalışmasına karşın IE'de yükseklik 10px görünecektir. Bir bakıma IE boş içeriğin yüksekliğini 10px kabul ediyor, ancak bu bizim işimizi bozuyor.
CSS Dersleri
Ocak 2016'da güncellendi. Bu konuya bir çalışmam dolayısıyla position:fixed özelliğini kullanma gereksinimi duyduğum için girdim, sonra araştırma sonuçları bir makale konusu olabileceğini düşünerek bu makaleyi yazdım. Sizlere bu süreci ve postion:fixedhakkında genel bir bilgi sunacağım. Bu konuya daha önce CSS ile konumlandırma(positioning) kısmında kısaca değinmiştik.
CSS Dersleri
W3C bir çok durum için çeşitli etiketler üretmiştir ve bu etiketlerin kullanılmasını önerir. Alıntıda böyle bir etikete sahiptir(<blockquote> ve <q>). Ancak kod yazarlarını bu etiketleri kullanmaktan alı koyan bu etiketlerin başlangıçtaki görünümünün çok güzel olmamasıdır, tabi farklı etiketlerle uğraşmak istemeyenlerde vardır. İşte bizde burada hem
CSS Dersleri
Form alanları genelde kullanıcıların en çok sıkıldıkları alanlardır. Bu sıkıntıyı gidermek için kod yazarları çeşitli yöntemler geliştirmektedir. CSS ve ajax tabanlı çözümlerle gayet güzel sonuçlar çıkmaktadır. Biz burada fazla derine inmeden kullanıcının form alanlarına odaklandığında form alanına farklılıklar vererek daha belirgin hale getirmeyi göreceğiz. İlk örneğimiz. Bir arama metin kutusuna
CSS Dersleri
"Tipografi(Yunancaτύπος (typos)="form" ve γραφία (graphia)="yazmak" sözcüklerinden) yazıyı bir forma sokma sanatı ve tekniğidir. Font (yazı tipi), font büyüklüğü, satır uzunluğu, satır arası boşluk ve benzeri unsurların kombinasyonları ile yapılır. Yayımlanacak yazınsal içeriğin bir forma sokulması veya tasarımı olarak ta tanımlanabilir. Türkçe tipografya