10 Site ve örnek uygulamalar ile CSS
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 ile drop down menü yapımı (ULTIMATE)
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 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
Diyecekleriniz mi var? Buyrun buradan ekleyin rss'mize eşlik edip yeni yazıları yakından takip edin.
Şubat 5th, 2008 saat 23:22
Teşekkürler, çok güzel kaynaklar
Şubat 6th, 2008 saat 05:01
Rica ederim @Selch, ancak yazdıktan sonra farkettim ki ben sadece sık kullanılanlarımda yaptıgım “css” aramasında çıkan linkler dogrultusunda yazı oluşturmuşum. Oysaki CSS e giriş yapacak olan bir kişinin kesinlikle ve kesinlikle Fatih Hayrioğlu‘nun not defterine göz atması gerekmektedir.
Şubat 25th, 2008 saat 14:03
Eyvallah kardeşim güzel derleme olmuş.
Şubat 25th, 2008 saat 15:13
İşe yarayan bir derleme oldu ise ne mutlu bana. Teşekkürler