bildirgec.org

CSS, websitelerini stillemek için iyi bilinen ve geniş kesimler tarafından kullanılan bir dildir. Halen üzerinde çalışılan üçüncü sürümü ile geliştiricilere zaman kazandıracak pek çok özellik CSS’ye dahil edilecektir. Her ne kadar sadece en modern tarayıcılar tarafından bu özellikler desteklense de, yakında geniş kesimler tarafından kullanılabilecek olan bu yeniliklerin neler olduğunu şimdiden görmek güzel. Bu rehberde size CSS3 ile hayatımıza girecek olan 5 tekniği göstereceğim.

1: Genel Biçimlendirme

Dersimize başlamadan önce gelin dersimiz süresince kullanacağımız genel biçimlendirmemizi oluşturalım.

css-eğitici kaynaklar

merhabalar yine bir başka css yazımla sizlerle beraberiz, daha önce CSS Teknikleri hakkında yazmış olduğum buradaki ve şuaradaki yazılarımdan sonra css üzerine son bir dokunuş yapıp başlıklar halinde css ‘i anlatmaktan çok bizlere noktasal bir uygulama gerektiğini anladım çünkü biliyorum ki bu saatten sonra hiç bir arkadaş saatlerini ayırarak css’i baştan sona tüm hatlarıyla öğrenemez ya da o kadar vakit harcamaya biraz çekinirler, oysa ihtiyacı olan noktlarda css denen kodlamayı nerde ve nasıl kullanacağını bilmesi onun için yeterli olacaktır. işte bu yüzden sizleri yeni kaynaklarla tanıştırmayı bir borç biliyorum.
öncelikle benim yeterli zamanım var ben oturur öğrenirim diyenlere işte CSS’e başlamak için bir kaynak. yok benim o kadar vaktim yok diyorsanız,
Bu başlıklara kısaca göz atın…
1 – Arkaplan ve css
2 – css ve listeler
3 – CSS pozisyon ve hizalama
4 – css stiller, tablolar ,formlar
5 – css ile daha fazlası için burayı tıklayın

Bildirgec’de verimli bir hafta daha geride kaldı. bu hafta bildirgeçte neler bildirilmiş bi bakalım.

Bu verimli haftanın başında chattagush bize şizofren beyninin davranışları hakkında bilgi verdi. Ardından webci önemli bir alternatif enerji türü olan güneş enerjisi çalışmaları hakkında bizi bilgilendirdi. Sonra apple’ın safariye, Windows sürümümdeki güvenlik açıkları için yaptığı yamayı pasacocugu’ndan öğrendik.

Takip’den niçin televizyon seyretmemiz gerektiğini ve tv yerine neleri koyabileceğimizi öğrendik. Grafik çalışmalarımızı satabileceğimiz 11 adet siteyi pisho bildirdi. ardından sevildi dünyanın en büyük seyahat gemisi hakkında bilgi verdi.

Bildirgec yazarları son zamanlarda CSS üzerine pek çok bildiri yazmaya başladı. Bunlar dan biri de geçen haftalarda ben idim. css ile ilgili ilk bildirim Onlarsız Yapamadığımız 53 css tekniği başlıklı yazımın ardından 101 css Tekniği Bölüm 1 adlı bildirimde css tekniklerinden fazlasıyla bahsetmeye çalıştım ancak kaynakların yabancı ve bazı örneklerin açıklayıcı olmaması bir çok arkadaşın tavsiye ve yorumlarına yol açtı. fakat bu yazıma Kaldığım yerden devam edeceğimi söylemiştim . css ile ilginç bulunan bir kaç örneği daha sonra şahsen türkçeleştirip uygulayarak sizlerle paylaşacağım. gelelim
101 CSS Tekniği Bölüm 2‘ye

css web Tasarımını hızla değiştirmeye devam ederken, geçen hafta yazmış yolduğum onlarsız yapamadığımız 53 css tekniği başlıklı yazımın çok tutulması sebebiyle bu konuda daha derin bir kaynak araştırması yapma gereği duydum, eminim bu yazıyı tutan bir çok arkadaş elinin altında böylesine önemli ve işe yarar css örnekleriyle dolu bir kaynağın bulunmasından çok hoşnut olmuşlardır bunları bu şekilde listeleyip bildirgec‘e yazmamın asıl amacı , bulduğum döküman tarzı kaynakların sıkkullanılanlar listemde kaybolup gitmesidir… Neyse fazla uzatmadan CSS Tekniklerine kaldığımız yerden devam edelim…
işte Her zaman Kullanılacak 101 Css Tekniği…
101 – 1:web sitenizin kısa haber köşelerinde css Cinleri oluşturmak.

Css Cinleri – (css sprites)

101 – 2: Css ile Kıvrımlı Köşeler oluşturmak

Css kıvrımlı köşeler

bu uygulamanın demosu için burayabakabilirsiniz.
101 – 3:Resim Yenileme tekniği

resim yenileme tekniği

bu tekniğin açıklaması için Dave Shea‘nin yazdığı şu makale‘ye bakabilirsiniz.
101 – 4:CSS ile Geçişli Kapılar oluşturmak

css sliding doors tekniği

101 – 5: Css ile Rounded Box oluşturmak
benim en çok hoşuma giden uygulama bu oldu. kaynak koduna da aynı sayfadan ulaşılabilmesi çok iyi.

css rounded box

evet yazımın diğer örneklerine buradan ulaşabilirsiniz . Siz bunları incelerken ben 2.Bölüm için hazırlıklarımı yapıyor olacağım yorumlarınız için şimdiden teşekkürler umarım beğenirsiniz…