bet3

reset css

yazacağınız web uygulamasının bütün tarayıcılarla uyumlu olmasını istiyorsanız başlangıç noktanızı iyi belirlemeniz lazım. bu sebeple css yazmaya başlamadan önce sayfadaki olası bütün ögelerin pozisyon, boşluk ve çervelerini sıfırlamak gerekiyor. bunlar margin, padding, border gibi özellikler.

css ve web standartları gurusu eric meyer‘in daha önceden böyle bir çalışması var. bu dosyayı projenizin başlangıcında kendi css dosyanızın tepesine @import komutuyla eklemeniz mümkün. aşağıda reset.css’nin şu anki versiyonunu bulabilirsiniz. detaylı bilgi için eric meyer‘in kendi sitesine bakınız.

@import komutunun kullanımdaki küçük detaylarla farklı tarayıcılarda farklı etkileri olduğunu unutmayınız.

reset.css

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ilgili yazılar

• safari’nin eklediği kenarlıkları kaldırın
  bilgisayarımda varsayılan web tarayıcım uzun süredir safari ve kendisinden oldukça da memnunum. kullanılabilirlik açısından birçok...
• google sesleri de indekslemeye başladı
  google labs‘tan şimdiye kadar birçok harika ürün çıktı: google reader, google docs, google notebook, google...
• webfeedr: friendfeed iphone uygulaması
  her ne kadar friendfeed‘in iphone için optimize ettiği bir web sitesi olsa da iphone...
• wordpress’te kategorileri vurgulamak
  bazen ufak detaylar azımsanmayacak derecede önemli kullanılabilirlik deneyimlerine dönüşebiliyor. blogumuzu daha kullanışlı hale getirmek için...
• bet3 de iphone’a girdi
  iphone 3g’nin de türkiye’ye geldiği şu günlerde siteyi tamamen iphone uyumlu hale getirmeye karar verdim....