Web siteniz  için kullanabileceğiniz birbirinden güzel buton örnekleri.  Lucas Bonomi tarafından Css3  kullanılarak hazırlanmış olan bu buton örneklerinin şekilleri aynı olsa  bile sizler  için farklı farklı  renklerde  oluşturulmuş. Ayrıca butonlarda parlaklık farkıda  olduğu için iki farklı grup olarak düşünebiliriz. Bir  grup  normal iken diğer  grup biraz daha parlak olarak  oluşturulmuş...

Dokunmatik cihazlar  üzerinde resimleri parmağınızla büyütmenin nasıl olduğunu  bilmeyen  yoktur sanırım. İlk  çıktığı zamanlarda herkes sanki  oyuncakla oynuyormuşcasına resimleri incelerdi  bu dokunmatik cihazlarda. Buna  daha çok resim inceleme  demeyelim de dokunarak büyütme  özeliğini inceleme desek daha doğru olur :=) Herkes için bu tür  web siteleri hazırlayabilmesi için geliştirilmiş  bir kaç...

Sadece  Css3 kullanılarak hazırlanmış bir  buton örneği. Bu buton örneğinde  bütün 3D buton örneklerinde olduğu gibi  linkler  tıklandığında  butonlar  içeri batıyor.  Buton örneğimiz sayfalama olarak hazırlanmış olsada siz  dilerseniz  menü  olarak yada sadece buton olarak ta kullanabilirsiniz.

Daha önceleri jQuery, mootools ve javascriptile hazırlanmış olan birkaç tane kaydırma çubuğu örneği paylaşmıştık. İşin aslı Css3 ile kaydırma çubuğunun değiştirilebileceğini tam olarak bende  bilmiyordum. Öyle görünüyor ki gün gelecek heryerde  sadece Css3  kullanılacak. Javascripte göre kullanımı  oldukça kolay olduğu için birçok webtasarımcı tarafından da kullanılan Css3 görüldüğü gibi heryerde...

Saf Css3  kullanılarak hazırlanmış olan bir  üst menü örneği. Menü örneğinde bulunan butonların alt kısmı sanki  arkaplana  biraz  uzakmış gibi  bir görüntüye  sahip ve bu görüntünün dahada gerçekçi olabilesi için her butonun altında  gölge bulunuyor. Butonlara tıkladığınızda  alt kısım üst kısmın olduğu seviyeye  gelerek  arkaplana daha yakın bir  

Checkboxların  az çok  ne olduğunu bilirsiniz. Türkçesi onay kutusu olan bu checkboxlar genelde site sahipleri tarafından yaş, cinsiyet yada kullanım  şartlarını onaylatmak için kullanılır. Küçük bir  kare içine mouse ile tıklandığında onay kutularının içinde bir ok işareti belirir  ve kullanıcı yoluna devam eder.

Youtube’ye  yeni bir  video eklerken video  için  etiket eklemenizi  isteyen bir  bölüm var. Bu bölümde  virgül ile  ayırarak yazdığınız  kelimeler otomatik etikete  dönüşüyor. Ayrıca WordPress kullanıcıları da  az çok bilirler input  alanına etiket  eklerken aralara virgül koyduktan sonra  virgülle ayrılmış bütün kelimeler  ayrı ayrı  etikete  dönüşüyorlar. Basettiğim bu iki  örnek...

Genelde  bu tür örnekler grid adı altında yayınlanır. Kimileri farklı olsun diye kelimenin başına yada  sonuna kişisel imza  gibi farklı  sözcükler ekleyerek yayınlar. Ama bu seferki geliştirici biraz farklı yol izlemiş gibi görünüyor.  Florian Ferbach tarafından geliştirilmiş olan Bricks yani tuğla (veya briket de diyebiliriz )  uygulaması  web site içeriğini  bütün tarayıcılara...

Websiteniz  için çok hoş  ve kullanışlı  bir Css3 üst menü örneği. Demonate tarafından hazırlanmış olan bu Css3  üst menü örneğini  dilerseniz  sitenizin alt  bölümünde  de kullanabilirsiniz. Görüntü olarak gayet  güzel tasarlanmış olan bu Css3 menü örneğinde Google web fontları ve Font Awesome kullanılmıştır. Herhangi bir resim eki bulunmuyor.

Css3  animasyonlar  kullanılarak hazırlanmış mükemmel  diyebileceğim tam ekran jQuery galeri uygulaması sGallery.  Tarayıcıya  duyarlı ve Css3 animasyonlar dahilinde çalışan sGallery  benzerlerine  çok fark yapacak türden  özelliklere sahip. Kullanıcılar tarafından hem tam ekran hemde normal ekran olarak ta  kullanılabilme özelliğine sahip. Galery sayfası ilk açıldığında  normal  bir liste şeklinde sıralanmış olan...