IE6 Padding ve Margin Sorununa Pratik Çözüm

Bu bah­se­de­ce­ğim şey son iki tema tasa­rı­mımda oldukça fazla sorun açtı başıma. Ben de Inter­nette çözüm ara­maya baş­la­dım, ama hep aynı şey çıktı kar­şıma; “Sadece IE6 için bir CSS dos­yası  oluş­tur­mak!” Ben de bunu yap­mak iste­mi­yor­dum, çünkü bu pad­ding ve mar­gin sorunu yal­nızca bir iki nok­tada kar­şıma çıkmıştı. Ben de araş­tır­maya devam ettim ve çok pra­tik bir çözüm bul­dum. Pad­ding veya mar­gin değeri için yal­nızca kodun başına “_” ekle­mem gerek­liy­miş! Bunu da yal­nızca IE6 dik­kate alı­yor… Deva­mını okuyun →

Blogun Tasarımını Yine Yeniledim!

Mer­haba arka­daş­lar. Bir süre önce Twitter’dan duyur­du­ğum fakat pek fazla ayrın­tıya değin­me­di­ğim bu tasa­rımı bugün aktif ettim. Bu tasa­rı­mın diğer tasa­rım­lar­dan farkı, side­bar kul­lan­ma­mış olmam ve pek fazla gör­sel­liğe yer ver­me­miş olmam. Bir de bu sefer koyu renk­lere ağır­lık ver­dim. İşte tasa­rım hak­kında söy­le­ye­bi­le­ce­ğim diğer ayrıntılar:

• Önce­likle, bu tasa­rımı henüz yayın­la­ma­dı­ğım port­föy tasa­rı­mım­dan yola çıkarak yap­tım ve seriye aynı şekilde devam etmek için mkblogv3 adını verdim.
• Side­bar kul­lan­mak iste­me­dim, çünkü biraz daha mini­ma­list ve içe­rik odaklı olma­sını iste­dim. Tabii ki footerda bir­kaç bile­şene (popü­ler yazı­lar, son yorum­lar) yer verdim.
• Yazı altın­daki bilgi bölümü aynı şekilde kaldı, yal­nızca ikon seti ola­rak Token Dark kul­lan­dım. Yazı içe­ri­sinde yer alan sos­yal ağlar için kul­lan­dı­ğım ikon seti ise komodomedia.com’un hazır­la­mış olduğu Social Media Icon Pack. Bazı yer­lerde de Fam­Fam­Fam’ın hazır­la­mış olduğu Silk icons ikon pake­tini kullandım.

Bunun dışında her şey görül­düğü gibi. Eksik­ler var mı? Tabii ki. Ben gör­dü­ğüm tüm eksik­leri zamanla gider­meye çalı­şa­ca­ğım, siz de yorum­la­rı­nızda belir­tir­se­niz çok mem­nun kalı­rım. Uma­rım beğenmişsinizdir.

Bu arada, mkblogv2 tasa­rı­mını da en kısa sürede siz­lerle paylaşacağım.

CSS ile Üçgen Oluşturma

Mer­haba arka­daş­lar, bu yazıda kısaca sadece CSS ile üçgen oluş­tur­mayı yani CSS Tri­angle özel­li­ğini siz­lere gös­te­re­ce­ğim. CSS’in bu tri­angle özel­li­ğini web site­nizde bir­çok yerde kul­lan­ma­nız mümkün.

HTML5 Element Index

HTML5 Ele­ment Index, HTML5’de yeni­den tanım­la­nan tüm ele­ment­leri (ele­man­ları) bir arada bula­bi­le­ce­ği­niz bir yer. Her ele­ment için kısa bir açık­lama ve o ele­ment için hazır­lan­mış bir kod bula­bi­lir­si­niz. HTML5 Doc­tor tara­fın­dan yapıl­mış bu aracı kesin­likle tav­siye ede­rim, özel­likle HTML5’e yeni baş­la­yan­lar­dan­sa­nız, oldukça işi­nize yara­ya­cak bir araç.

Colorzilla: Ultimate CSS Gradient Generator

Belki Color­zilla’yı Mozilla Fire­fox’da renk seçme eklen­tisi ola­rak kul­la­nı­yor ola­bi­lir­si­niz. Ama Colorzilla’nın bu harika CSS gra­di­ent oluş­turma ara­cını bil­mi­yor olabilirsiniz.

Kısa bir yazıda bu aracı anlat­mak yet­mez tabii ki, bir­çok özel­li­ğini buraya yaz­mak ister­dim ama o kadar çok ki, hiç yaza­sım gel­mi­yor. En iyisi dene­yip gör­mek diyo­rum ve siz­leri http://www.colorzilla.com/gradient-editor/ adre­sine yönlendiriyorum.