CSS 3 Beni Çok Heyecanlandırıyor!
W3C, CSS3 için 4 yeni modül oluşturuduğunu duyurdu. Tamamen yeni olan bu özellikler daha önce Javascript-Flash ya da gif ile yapabildiğimiz şeyleri kısacık CSS kodlarıyla yapmamıza olanak sağlayacak. CSS 3’ün Animasyon (Animation), Geçiş (Transitions), İki (2d) ve Üç Boyutlu (3d) Döndürme özellikleri gelecekte bir çok isteğimize cevap verecek ve işimizi kolaylaştıracak nitelikte görünüyor. Animasyon (Animation)da […]
Dinamik Metin Değiştirme (Text Replacement) Yöntemleri
1. sIFR 2.0 2. cufón 3. P+C DTR 4. FLIR 5. SIIR 6. DTR 7. sIFR 3 8. Typeface.js 9. IFR 10. PHP+CSS DTR CSS Image Replacement [static] swfir Kaynak
101 CSS-XHTML Site Şablonu
Kaynak 1. Doğa konulu XHTML – CSS Şablon Önizleme || İndir 2. Organik konulu XHTML – CSS Şablon Önizleme || İndir 3. Breaking OnTop XHTML – CSS Şablon Önizleme || İndir 4. Koyu Renkli XHTML – CSS Şablon Önizleme || İndir 5. Kurumsal XHTML – CSS Şablon Önizleme || İndir 6. Squick Design XHTML – […]
CSS kaynakları: Layout, özellikler, uygulamalar
CSS’e yeni başladıysanız, CSS bilginizi geliştirmek istiyorsanız, tarayıcılar arası sorun yaşıyorsanız, hazır şablonlar arıyorsanız, uygulamalı örneklere bir göz atmak istiyorsanız buyrun size çok güzel kaynaklar: CSS Codes Library CSS sorunlarına çözümler bulabileceğiniz, sık kullanılan uygulamaların (menü, takvim, drag drop, tarih) scriptlerle yer aldığı bir site CSS Layout Techniques : Glish Tüm tarayıcılarla uyumlu (Cross-browser) CSS […]
CSS Ölçü Birimleri : em px pt %
CSS ile kodlama yapan herkes en azından bir kere düşünmüştür “ölçü birimi olarak px mi kullanmalıyım em mi?” diye. Ben de çok düşündüm ve araştırdım. Okuduklarımdan anladıklarımı paylaşmak istiyorum. em nedir? px(pixel) nedir? pt(point ) nedir? %(percent) nedir? em ve % bağıl ölçü birimleridir. Yani body elemanında varsayılan (default) font büyüklüğünüze (font-size) bağlı büyüme-küçülme gösteren […]
CSS 3 ile Volkswagen Camper
UYARI: CSS3 Camper deneyimi en iyi Chrome tarayıcıda yaşanmaktadır!!! Bu yazı güncellenmiş halini Club Crema’dan okuyabilirsiniz. Kodun güncel ve geliştirilmiş halini aşağıdaki linkten görebilirsiniz. CSS3 Camper güncel versiyonu (16 Mart 2015) Yaptığınız işin günlük yaşamınıza etkisi ne? Benim aklıma ilk gelen cevap gördüğüm her şeyin satır-sütun , float:left; float:right, list (li) lerden oluştuğunu farketmemdi. Sonra, […]
Die die die my darling!
Metallica ile ilgili olduğunuz sanıyorsanız bu yazının çok fena yanılıyorsunuz. Konumuz Internet Explorer 6 (IE6) ! Kendisi yıllarca bize hizmet etti. Sağolsun varolsun ama artık inzivaya çekilsin, emekli hayatı sürsün. Web kodlayıcıları iyi bilir ki CSS ile özene bezene yazdığınız bir kod standart tarayıcılarda canavar gibi görüntülenirken, iş IE6’ya geldiğinde hacklerden hack beğenmek zorunda kalırız. […]
Fixed (Sabit) Footer
Geçenlerde bir proje için sabit footer kullanmam gerekiyordu. Kodlarını incelediğim sitelerin çoğunda sabit footer, sidebarın uzun tutulmasıyla ya da minumum-height verilerek elde edilmişti. Sitenin içeriğini temizlediğimde footer yukarı çıkıyordu yani footer aslında sabit olarak durmuyordu. Sabit durmasını sağladığım footerlar ise pencere boyutunu büyütüp küçültme testi yaparken üstteki içeriğin üstüne çıkıyordu, altında kayboluyordu vs. Ben o […]
CSS “İçindekiler” tablosu
Online olarak yayınlayacağınız bir içerik için “İçindekiler” bölümü hazırlamanız gerekirse CSS ile yapılabilecek güzel bir örnek aşağıda yer alıyor. Örneği görmek için buraya tıklayın. Bu teknik, noktalı çizgi için arkaplana ihtiyaç duymaktadır. Şu linkte border-bottom özelliği ile yapılmış bir örnek mevcut ancak Internet Explorer 6’da düzgün çalışması için biraz daha koda ve düzenlemeye ihtiyacı var. […]