css | bildirgec.org

Web Tasarımda tablosuz kodlamaya geçildiğinden beri yani şu bizim css teknolojimizin yaygınlaşmasından bu yana bildirgeçte o kadar büyük yol katettik kl bildirilerimizin çoğu neredeyse css siz olmaz oldu ... sağolsun yazar arkadaşlar bizlere css hakkında haberdar olmamamız gereken konuları teker teker belirttiler fakat hala yeni şeyler bulabilmeleri çok güzel :)
bende bugün sizlere css'te takıldığınız noktaları anında sorgulayabileceğiniz ve css kitaplarına göz atmanıza gerek kalmadan aradığınız css kodunun ne işe yaradığını ve kullanım şeklini kolayca bakabileceğiniz bir sözlük paylaşmak istiyorum , daha doğrusu bir tür online css indexi bu sayfaya buradan ulaşabilirsiniz... All CSS properties index Brian Wilson tarafından bizlere sunulmuş... Sitede ayrıca CSS seçicilerin özellikleri , css hataları ve css'in geçmişindeki Explorer uyumlarına da yer verilmiş , tasarımı biraz sade olsa da css için bizlere güzel bir derleme diyebilirim elimizin altında bulunması gereken linklerden biri ;)

Cascading Style Sheets yani css HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.
styleneat css dosyalarında düzenleme yapmak ve css dosyalarını kolayca online olarak organize etmenize yarayan bir servis. css dosyanızı isterseniz direkt kodlarını kopyalayıp alana yapıştırabilirsiniz, isterseniz css dosyası şeklinde siteye "upload" edip kullanabilir ya da css dosyanızın direkt linkini verip kullabilirsiniz. dosyanızı upload ettikten sonra seçenekler kısmından istediğiniz özellikleri seçip dosyanızı organize edebilirsiniz.

Bu yazı giriş ve orta seviyedeki CSS öğrencilerine hitab etmektedir. Eğer CSS'yi sıfırdan öğrenmek istiyorsanız, o zaman muhtemelen pek çok teknikle, hile ile ve ders ile karşılaşmışsınızdır. Bu yazıda, her web tasarımcısının bilmesi gereken pek çok temel CSS yeteneklerine dair kendi yaklaşımımı yansıtmaya çalıştım. Aşağıdaki makaleleri gerçekten seviyorum ve bu sebeple sizlerle paylaşmaya çalıştım. Umarım beğenirsiniz.

1- CSS Anahatları Oluşturmak

• CSS Anahatları Oluşturmak: PSD'yi XHTML'ye dönüştürmek için en iyi dersler
  
  
  

• CSS Anahatları: 40+ Ders, İpucu, Demo ve en iyi yöntemler
  
  
  

2- Stilleme ve Listeler Kullanma

Modern web tasarımı CSS olmadan olmaz. CSS'in esnekliği web geliştiricilerine güncellemesi daha kolay ve daha hızlı web siteleri yaratmasına olanak sağlar. Toxel, bu konuda müthiş bir arşiv oluşturmuş. İpuçları, teknikler, şablonlar, dersler, galeriler, kaynaklar ve araçlar hakkında bir 50 adet makaleyi bir araya toplamış. Mutlaka inceleyin.

css ipuçları ve teknikleri

• Web Tasarımınızı CSS3 ile Birlikte Geleceğe Hazırlayın [Smashing Magazine]
• CSS Tipografi: Kontrast Teknikleri ve En İyi Alıştırmalar [Noupe]
• Güçlü CSS Teknikleri ve Etkili Kodlama [Smashing Magazine]
• Linkler İçin Süper Havalı 4 Efekt [Css Globe]
• CSS Ustalarının 10 Prensibi [NETTUTS]
• Kodunuzu Temiz Tutmanız İçin 12 Prensip [Smashing Magazine]
• Tüm Zamanların 101 CSS Tekniği - Bölüm 1 [Noupe]
• Stillerinizi CSS Reset'i ile Resetlemek [Six Revisions]

• Onlarsız Yaşayamayacağınız 53 CSS Tekniği [Smashing Magazine]
• Tüm Zamanların 101 CSS Tekniği - Bölüm 2 [Noupe]
• CSS'te Yapsısal İsim Verme Adeti [Six Revisions]
• 10 Zorlayıcı Fakat Muhteşem CSS Tekniği [NETTUTS]
• CSS Styleguide'larıyla Kodun Okunabilirliğini Arttırmak [Smashing Magazine]
• 8 Özel Tek Satırlık CSS İpucu [Css Globe]
• 20 Üzeri Yaygın CSS Bug'ı ve Çözümleri [Noupe]
• 30 Üzeri Kopya Kağıdı (Cheat Sheet) ve Rehber [All Web Design Resources]
• Size CSS 3'ü Tanıtacak 5 Teknik [NETTUTS]
• Daha İyi CSS Kodlaması İçin 70 Uzman Fikri [Smashing Magazine]

Her ne kadar W3C'nin CSS3 tanımlamaları üzerinde çalışmalarını tamamlamamış olsa da, Mozilla Firefox, Opera ve WebKit tabanlı tarayıcılar (Safari, Chrome) halihazırda CSS3'ü tamamen ya da kısmen destekliyor durumda.

Bir web geliştiricisi olarak modern ve gelecekteki web standartları hakkında bilgi sahibi olabilmek önemlidir. Diğer geliştiricilerden bir adım önde olmak için yazının devamında bulacağınız CSS3 hakkında 20 mükemmel kaynak size CSS 3 öğrenmenizde yardımcı olacaktır.

1. CSS3 İlerleme Raporu

CSS Çalışma Ekibi tarafından geliştirilen CSS3 İlerleme Raporu web sitesi tüm CSS3 modüllerinin geçerli durumlarını belirtiyor. Özellikle CSS3'ün gelişimine katkıda bulunan ya da bulunmak isteyen geliştiriciler için bu kaynak, üzerinde çalışılan alanları görüp nereden katkıda bulunabileceğinize karar vermede yardımcı olacaktır.

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

Zaman zaman bir web tasarım ya da geliştirme projesi üzerinde çalışırken bir yardıma ya da rehbere ihtiyacınız olacaktır. Her ne kadar İnternet üzerindeki css kaynaklarının sayısı gün geçtikçe artsa da, bu yazıda CSS ile bir sorun yaşadığınızda size yardımcı olabilecek 10 adet gerçekten kullanışlı kaynağı listelemeye çalıştım.

Stack Overflow

Stack Overflow bir sosyal medya sitesi ve bir forumun kombinasyonundan oluşmuştur. Özellikle programlama ve geliştirmeye yönelik zengin içeriğe sahip bir sitedir (CSS, sitede tartışılan konulardan sadece biri). Stack Overflow'un amacı programcılara soru sorup onların sorularına cevap verebileceğiniz bir platform oluşturmak. Sitede herkes bir soru sorabilir (bir hesap bile açmanıza gerek yok) ve ardından sitedeki diğer kullanıcılar sorularınıza cevap verebilirler. Diğer kullanıcılar sitedeki cevaplara artı ya da eksi puan vererek en iyi cevabın seçilebilmesine yardımcı oluyorlar.

Burada web sitelerinizde kullanabileceğiniz en iyi menü örneklerini bulabilirsiniz. Css'in yetenekleri ile birbirinden güzel çalışmalar ortaya çıkmaktadır.

Bu yazı size mükemmel menü tekniklerini öğretebilecek ve çok iyi bir kaynak olacaktır.

1 - The menu menu

Bu, farklı büyük bir menü örneğidir. Menünün üzerine geldiğiniz zaman hemen yanında alt menüler görünüyor.

2 - Pure CSS hover menu

bu css tekniği ile dikey alt menüyü görebileceksiniz.