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_tricks_you_may_not_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/archive.php?id=2005/02/11/print-style-sheets-and-expression
CSS Positioning
CSS ile site yapmaya baslayan herkesin ilk bilmesi gereken css positioning konusunda öğretici bir yazı.
http://www.autisticcuckoo.net/archive.php?id=2004/12/07/relatively-absolute
On Dakikada Sitenizi Yazıcı Dostu Yapmak
print style konusuna php katkısı.
http://www.maratz.com/blog/archives/2004/09/21/10-minutes-to-printer-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/2004/10/19/global-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/
special thanx by @Lautreamont
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_tricks_you_may_not_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/archive.php?id=2005/02/11/print-style-sheets-and-expression
CSS Positioning
CSS ile site yapmaya baslayan herkesin ilk bilmesi gereken css positioning konusunda öğretici bir yazı.
http://www.autisticcuckoo.net/archive.php?id=2004/12/07/relatively-absolute
On Dakikada Sitenizi Yazıcı Dostu Yapmak
print style konusuna php katkısı.
http://www.maratz.com/blog/archives/2004/09/21/10-minutes-to-printer-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/2004/10/19/global-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/
special thanx by @Lautreamont