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)

Web sitelerinde görsellik önemlidir.Tasarım ne kadar iyi olursa o ziyaretçiler web sayfanızdan o kadar memnun olurlar.Web formlarında da tasaırm önemlidir.Klasik form elemanları yerine kendi tasarladığınız elemanları koymanız mümkün.İşte javascript ile yapılan yaratıcı web formları ;

Style input file

Klasik formalardan sıkılanlar için birebir.Formdaki butonu ve formun kendisine istediğiniz biçimi verebilmenizi sağlayan çok hoş bir javascript uygulaması.

JavaScript‘ler web sitelerin vazgeçilmez kaynaklarıdır. JS ile kullanıcı dostu, interaktif arayüzler oluşturulurken bu arayüzlerin tarayıcıdan (browser) tarayıcıya farklılık göstermesi, hem web site geliştiricisi hem sitenin ziyaretçisi açısından en istenilmeyen durumlardan bir tanesidir.

JavaScript’in gücü ve etkileyici yanları çeşitli açık kaynak kodlu JavaScript kütüphanesinin yazılmasını sağladı. Bu kütüphanelerden siteler için hazırlanmış, açık kaynak kodlu, görselliği etkileyici ve çeşitli tarayıcılarda testleri yapılmış ExtJS ve ExtGWT‘den bahsetmek istiyorum.

Bu JS kütüphaneleri, yüksek performans elde etmek, zengin internet uygulamaları üretmek amacıyla geliştirilmiş.

Demolarda da göreceğiniz üzerine Ajax‘sal özellikler kütüphanelerin beğeni kazanmasını sağlıyor.

Şimdi ExtJS‘den örneklere bakalım.

• ExtJS Feed Viewer (demo)
  
  ExtJS Feed Viewer

Düzenli bir check list oluşturmak için Html ile uğraşmak lazım. http://printablechecklist.org/ sitesine girerek html kullanmadan chceklist oluştura bilirsiniz.Sitede işlem yapabilmek için hiçbir kayıt gerekmiyor.Ayrıca oluşturduğunuz checklistleri yazdıra bilirsiniz.

Web sitelerde sayfalar arası sorgulanacak çeşitli bilgileri taşımada form ve ona ait elemanları kullanırız. Varsayılan (default) olarak gelen form elemanları görünümlerini (radyo butonu, seçme kutucukları, yazı alanları, listeler vs.) siteye farklılık katmak için genellikle CSS ile düzenleriz.

Bu iş için, MooTools‘u destekleyen JavaScript kütüphanesi geliştirilmiş ve her türlü javascript çatısı altında çalışabiliyor.

şekillendirilmiş radyo butonlar ve check boxlar. – ve dahası

daha güzel görünümlü checkboxlar için javascript ve css ile güzel bir çözüm

[styled checkboxes]