css2 | bildirgec.org

CSS3 tamamen yaygınlaşmasa ve tüm tarayıcılar tarafından tam olarak desteklenmemiş olsa bile birçok başarılı uygulama yapılmakta. Web sitelerinizi daha interaktif ve daha renkli hale getiren bu uygulamalar arasında çizim örnekleri bile bulunmakta. Günümüzde hala imajlar kabul görürken css'nin sınırları zorlanarak ascii karakterler ile birçok farklı çizim örnekleri de yapılıyor. Birçoğunun detaylı açıklaması da verilen aşağıdaki uygulamaların benzerlerini siz de yapabilirsiniz.

Sweet CSS3 Buttons
(Tatlı CSS3 Butonları)

Bu tatlı css3 butonları sayesinde web sitenizini oldukça renklendireceksiniz.

CSS Logo

Tamamen css kullanılarak çizilen bu logolar uğraş gerektirse de gerçeğini aratmayan cinsten. Tamamen ascii karakterler ile yapılan bu logolar arasında CBS, CNCB-e (NBC), BMW, Univision gibi şirket logoları da var.

CSS Olympic Logo
(CSS Olimpik Logo)

CSS ile web tasarımın dışında yapabileceğiniz farklı bir uğraş olan resim çizimi oldukça zor olsada css3 ile birliklikte çok az da olsa biraz kolaylaşmız gözüküyor. pixel'ler kullanılarak yapılan tasarımlar, ascii karakterler ile oluşturulan tasarımlar ve css3 desteklikli tasarımlar bulunmakta. Aşağıda yüksek kalitede css ile yapılan çizimler bulunmakta. Nasıl yapıldığını inceleyebilir, benzer çalışmalara adım atabilirsiniz. CSS ile Yapılan Çizimler;

Twitter Fail Whale

Homer Simpson

Skull with Flames
(Alevli Kafatası)

Mümkün olduğu kadar CSS kullanılması gerektiğini öneriyoruz ve genellikle bunda da başarılı oluyoruz. Modern tarayıcıların CSS için çok iyi desteği bulunuyor, en azından anahattınızı ve sunumunuzu düzenlemek için CSS kullanmanıza yetecek kadar destek içeriyorlar. Ancak bazen bazı sayfa elementleri farklı tarayıcılar üzerinde farklı görünmektedirler. İşte bu yüzden biz de bugünkü yazımızda farklı tarayıcılarda görünen sorunları giderecek 15 jQuery çözümünün yanısıra size bazı güzel tarayıcı efektleri verecek jQuery eklentilerini listeleyeceğiz.

1. Internet Explorer'da DD_Roundies İle Yuvarlatılmış Köşeler Kullanabilmek

Ne yazık ki CSS3 border-radius şimdilik sadece Safari ve Firefox tarafından desteklenmekte olup, Internet Explorer gibi tarayıcılar üzerinde kare köşeler kullanmak zorunda kalıyoruz. DD_Roundies kütüphanesi yuvarlatılmış köşeleri Internet Explorer üzerinde sorunsuzca kulanabilmemizi sağlyor. DD_roundies, tıpkı jQuery gibi, seçicilerle birlikte çalışıyor ki bu sayede jQuery UI'nin CSS Çatı sınıflarını hedefleyerek DD_roundies'i jQuery UI üzerinde sadece birkaç satırlık kısa kodla uygulayablmemimizi sağlıyor.

• Demo Burada

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 ;)

Hiç zaman kaybetmeden inceleyin...