Özkan YILDIZ

10 Site ve örnek uygulamalar ile CSS

Şub 4, 2008 Web Tasarım, İnternet

Sevgili Serkan‘ın CSS adına yararlı gördügüm (sık kullanılanlarımda yer alan) kaynakları sorması ve benimde bir süredir yazmak istedigim bir derleme CSS yazısı ile yolculuga devam… Başta begendigim döküman veya kaynak içeren sitelere yer verecek oldugum bu yazıda egerki aradıgınız css örnekleri ise sizi yazının sonuna alabiliriz…

 

 

 

1-) Intensiv Station (Siteye Git)

 

 

 

Özellikle template oluşumu sırasında tabloları düzgün kullanmakta olan sorunlarımdan olsa gerek bu konuda açıklayıcı örneklerle daha kısa yoldan çözüme ulaşmamı saglayan "intensivstation" css konusunda öncelikle sırayı almakta haksızda sayılmaz. Sitede "css template" kısmından istedginiz şablona uygun bir tasarımı nasıl yapılacagını ögrenebileceginiz gibi aşagıdada linkleri bulunan "how to" kısmından fazlasıyla bilgi edinebilirsiniz.

CSS History / CSS and XHTML / Document types / Selectors / Inheritance / embed CSS / Fonts / Box Model / Background Images / iFrames / Navigation menus / Accessibility / Display Problems / Print CSS / Cursors / CSS3, the FUTURE / Tips

 2-) Samashing Magazine (Siteye Git)

 

 

 

 

Smashing özellikle yayınlamış oldukları toolboxları ile kafamı döndürmüş olan bir site. Smashingde yayınlanmış olan tüm css konulu yazılara buradan ulaşabilirsiniz. Sık kullanılanlarımda yer alan smashing sayfası ise buradan ulaşabileceginiz "List of CSS Tools" yazısı. Bir nevi bu yazı ile yapmaya çalıştıgım şeyin profesyonel olanı… Linkten ulaşabileceginiz kaynakta css ile ilgili olan font, form, arayüz, menü, araçlar ve çözümler gibi birçok kaynaga ulaşabilirsiniz.

3-) CSS Bahçesi (Siteye git)

 

 

 

CSS ile hazırlanmış sitelerin tanıtımlarının yapılmasının yanı sıra net üzerinde hazırlanmış olan CSS ile ilişik türkçe yazılarıda bünyesinde bulunduran başarılı bir site CSS Bahçesi. Gerek yayınlanan tasarımlar ile ilham kaynagı olması gerekse dökümanlar ile projelerinize güç katması sık kullanılanlarımda yer almasındaki başlıca neden.

4-) CSS Creme (Siteye Git)

 

 

CSS Bahçesi gibi nette bulunan başarılı ve farklı CSS çalışmalarını listeyen CSS Creme belirlemiş oldugu 11 kategori ile o kategorideki çalışmalara ulaşmanızı saglıyor.

5-) CSS Galeri (Siteye git)

 

 

 

CSS Bahçesi ve CSS Creme gibi örnek tasarımlara yer veren başka bir kaynak.

6-) CSS Rehberi (Siteye git)

 

 

 

CSS hakkında küçük püf noktalara ve aklınıza takılabilecek soru işaretlerine dair çözümleri bulabileceginiz bir kaynak.

7-) Web Developer’s Handbook (Siteye git)

 

 

Web tasarım ile ilgileniyor veya ilgilenmek istiyorsanız, birçok konuda ipuçlarına ve örnek çalışmalara ulaşabileceginiz el kitabı niteliginde güzel bir kaynak site.

CSS Help  Pile (Siteye git)

 

 

Kodlama aşamasında yaşanılan sorunlarda yardım! yardım! diye yanına koşulası bir site olmasının yanı sıra  farklı kaynaklarda olan başarılı çalışmaları tek bir noktada birleştirmiş olan güzel bir kaynak

 9-) Web Designer Wall (Siteye git)

 

 

Her ne kadar CSS dışı geniş bir yelpazeye sahip olan bir site olsada buradan ulaşabileceginiz sayfası ise 2007 yılının gözde CSS sitelerine yer verişi ve bununda ilham damarımızı çoşturması nedeni ile önemli bir kaynak.

10-) CSS Trick (Siteye git)

 

 

 

 

Birbirinden ilginç css ipuçlarına, hilelerine ulaşabileceginiz bu site ile yaratıcılıgınıza renk katabilirsiniz. Nasıl mı? Buyrun bir adet örnek…

 

CSS ile Web tasarıma balıklama giriş

CSS kodlayanların alet kutusu

CSS ile drop down menü yapımı

CSS ile drop down menü yapımı (ULTIMATE)

CSS ile kutucuk modeli

CSS ile oval köşe (rounded corners) yapımı

CSS ile oval Köşe (rounded corners) yapımı - 2

CSS ile hazırlanmış başarılı form örnekleri

CSS ile form elementlerini güzelleştirmek (Liquid styled input element)

CSS ile yapılmış menüler ve yapım teknikleri

CSS ile rollover yapım teknigi

CSS ile linkleri simgeleştirmek

CSS ile siteyi ortalama

CSS ile yapılmış 10 farklı uygulama örnegi (Top 10 CSS Tutorials)

 ve fazlası için Mehmet Doğan‘ın hazırlamış oldugu  "Türkçe CSS kaynakları ve Yazıları"na göz atabilirsiniz.

Kolay gelsin…

Etiketler : accessibility, box model, CSS, css cursors, css fonts, inheritance, kaynak, kaynaklar, navigation menus, selectors, Web, Web Tasarım, xhtml