web standartları konusunda internette sayısız kaynak ve makale var; ancak herkesin mutlaka ihtiyacı olan spesifik konuları bulmak oldukça zamanımızı alabiliyor.
CSS ile
web tasarımı yaparken ihtiyaç duyacağımız önemli linkleri bu başlık altında toplamak iyi olur diye düşünüyorum. (Not: Başlıkları yazarken bazı kelimeleri türkçeye çevirmek de zorluklar yasadım; şimdiden kusura bakmayın, önerileriniz olursa değiştirebilirim.)
web Standartlarını Kullanarak Geliştirmek
Roger Johansson'un harika makalesini bu işe yeni girmiş herkesin okuması gerektiğini düşünüyorum. Ben çoğu kez müşterilerimi de bu konuda bilinçlendirmek için bu makaleyi işaret ediyorum.
http://www.456bereastreet.com/lab/de..._standards/tr/
Biçimlendirme Rehberi
Semantik sayfalar hazırlamak için temel XHTML elemanlarını doğru öğrenmek gerekiyor. bu konuda ayrıntılı bir makale
http://mezzoblue.com/downloads/markupguide/
CSS @Import Kuralları
Bu yararlı tablo sayesinde
CSS dosyanızı görüntülemesini istemediğiniz tarayıcıdan saklayabilirsiniz. ie5 ve ie-
Mac ile sorunları olanlar için birebir.
http://imfo.ru/csstest/css_hacks/import.php
Sitenizin tamamının Geçerlilik Testini Yapın
çok fazla sayfanın olduğu büyük sitelerde, tüm sitenin kodlarını inceletmek çok uzun zaman alabiiyor; burada anlatılan yöntemle kısa sürede bu işlemi bitirebiliyorsunuz.
http://standards-schmandards.com/ind...?2005/04/10/18
Geçerli Kodlara Sahip flash
flash movie'leri sayfanızın kodlarının geçerliliğini bozmadan gömebilirsiniz. Ufak bir
JavaScript dosyası ile.
http://blog.deconcept.com/2004/10/14...ect-and-embed/
CSS Switching Hakkında Stratejiler
Bir düğmeye tıklayarak sitenin temasını değiştiren süper atraksiyonu hepiniz görmüşsünüzdür. (örn.
www.simplebits.com www.bartelme.at) bu konuda yazılmış gördüğüm en kapsamlı makale
http://www.digital-web.com/articles/...css_switching/
Sitenizi iki dakikada mobil cihaz dostu yapın
Süper bir
PHP atraksiyonu. Herkesin kolayca uygulayabileceği kodlarla sitenizin mobil cihazlarla da erişilebilir olmasını sağlayabilirsiniz.
http://www.mikeindustries.com/blog/a...obile-friendly
CSS Attribute Selectorlar
CSS'nin az bilinen ancak çok yararlı olan attribute selector'ları hakkında kısa bir makale
http://www.stuffandnonsense.co.uk/ar...selectors.html
Güzel ve Erişilebilir form Yaratma
En çok kullandığımız XHTML öğelerinden olan formları erişilebilir yapmanın basitçe anlatılmış bir yolu.
http://www.stuffandnonsense.co.uk/ar...ble_forms.html
CSS Hakkında Unutmamanız Gereken On İpucu
Hemen hemen her sitede kullanmak zorunda kaldığmız teknikleri, basit bir dille anlatan yararlı bir makale
http://evolt.org/article/Ten_CSS_tri...know/17/60369/
Evolt'un ipuçlarına Tantek'in cevabı
Yukarıdaki makaleyi yararlı bulduysanız, bunu da mutlaka okuyun. bazı düzeltmeler yapmıs tantek.
http://tantek.com/log/2004/09.html#d07t1434
RSS Tutorial
Sitenize
RSS desteği koymanın yollarını anlatan en kapsamlı makalelerden biri.
http://www.mnot.net/rss/tutorial/
CSS ile frame
XHTML ile kullanımı kalkan
frame'leri
CSS ile rahatça simüle edebilirsiniz. Oldukça yararlı bir makale.
http://www.fu2k.org/alex/css/frames/
Geniş İmaj Sorununa akılcı bir çözüm
Genişliği belli olan sitelerin en büyük problemlerinden biri content alanından geniş imajların başka biri tarafından sitenize eklendiğinde karşılaşılan durumdur. Bu probleme akılcı bir çözüm getirilmiş.
http://www.clagnut.com/sandbox/imagetest/
Floatları temizlemek
Ölçeklenebilir layoutlarda içeriği sayfaya dağıtırken mutlaka float kullanıyoruz; ancak float ile kenara dayadığımız alanın içeriği ana alandaki içerikten az ise problem yasıyoruz. Çözümü bu makalede ayrıntılı anlatılmış.
http://www.sitepoint.com/blog-post-view?id=238086
Yazıcı Dostu Sayfalar Hazırlamak
İçeriğin uzun olduğu tüm sitelerde mutlaka uygulanması gereken print style'ı anlatan kapsamlı bir makale.
http://www.autisticcuckoo.net/archiv...and-expression
CSS Positioning
CSS ile
site yapmaya baslayan herkesin ilk bilmesi gereken
CSS positioning konusunda öğretici bir yazı.
http://www.autisticcuckoo.net/archiv...ively-absolute
On Dakikada Sitenizi Yazıcı Dostu Yapmak
print style konusuna
PHP katkısı.
http://www.maratz.com/blog/archives/...friendly-page/
Universal Child ile Tüm Beyaz Alanları Sıfırlamak
CSS dosyalarınızda onlarca margin:0 padding:0 kullanmak yerine bu akılcı yöntemi kullanabilirsiniz.
http://leftjustified.net/journal/200...obal-ws-reset/
Z-index ile relative - absolute positioning problemlerine son
Daha önce z-index kodunu kullanmamıs arkadaslar için güzel bir örnek
http://www.aplus.co.yu/css/z-pos/
Eşit boyda kolonlar yapmak
Sıkça sorulan sorulardan birine ayrıntılı bir cevap.
http://www.satzansatz.de/cssd/columnswapping.html
Aşırı div Kullanımı Sorunu
Sitelerin yapısını kurarken bastan planlı hareket edilmediği için çokça yapılan hatalardan birine ayrıntılı bi yanıt.
http://juicystudio.com/article/div-mania.php
Kolonları Eşitleme Sorununa Alternatif Bir Yanıt
Dan Cederholm'den bu soruna kullanışlı bir yanıt.
http://www.alistapart.com/articles/fauxcolumns/
Yatay Çizgileri Stilize Etmek
Garip bir biçimde bu
HTML elemanını stilize ederken birçok sorunla karşılasırız. bununla ilgili güzel bir makale
http://www.blakems.com/experimental/hr/
Definition Listelerle Harikalar Yaratın
CSS'nin ne kadar güçlü bir dil oldugunu ortaya koyan güzel bir makale.
http://www.scottmcdaniel.com/?p=33
Hareket Ettirilebilen Açılıp Kapanan Kutular Yapın
Valid
JavaScript ve
CSS'nin güzel birlikteliği; browser uyumluluğu oldukça basarılı.
http://brothercake.com/site/resources/scripts/dbx/
JavaScript image Replacement
Herkesin bildigi ve kullandığı
image replacement tekniklerine bir de
JavaScript olanını eklemişler.
http://www.clagnut.com/blog/1451/