Css3  ile hazırlanmış kullanışlı bir giriş  formu örneği.  Tamamen css kullanılarak hazırlanmış olan bu giriş formu örneğinde herhangi bir  resim dosyası bulunmuyor. Giriş formundaki input bölümlerinin solunda bulunan ikonlarda font avesome kullanılmış. Ayrıca aynı css kodları ile  beraber  demosayfasında birde kişi kartıda bulunuyor. Kullanıcıların giriş işleminden sonraki sayfalarında  kullanıcı bilgileri...

Daha önceleri  buna benzer  paylaştığımız örneklerde  tam açıklayıcı olmasada başlık olarak açma kapama düğmesi adını vermiştik. Switch kelimesinin Türkçe’deki anlamı şalter elektirik  düğmesi olduğu için daha yakın bir kelime  bulamamıştım örneği açıklamak için. Yine en iyisi  herkesin söylediği  dille  paylaşmak sanırım dah doğru olur. Checkboxları bilirsiniz mouse ile tıklandıktan sonra...

Css3  dönüşümler ve geçişler  kullanılarak hazırlanmış olan kullanışlı  bir  örnek. Bu Css3  örneği ile sitenizin sidebar bölümüne  Twitter ve Facebook hesaplarınızın hadreslerini  ekleyebilirsiniz. Dilerseniz  biraz özelleştirme ile diğer sosyal ağ sitelerindeki profillerinizi de ekleyebilirsiniz.

Üye  kayıt  bilgileri  yada mesaj  göndermek için kullanılan form  alanlarını  bilirsiniz. Kimi zaman uzunca form  alanlarını  doldurduktan sonra  basit bir hata yüzünden bütün bilgileri baştan sona  tekrar doldurmanız  gereken zamanlarda olmuştur mutlaka. İşin kötü tarafı çoğu form örneğinde  geri geldiğinde  nerede hata yaptığınızı  gösterecek bir  uyarı bile olmaz bazen.  Bütün...

Genellikle  üyelik  formlarında  kullanılan bir özelliktir  select  elementi. Görüntüsü  her yerde  aynı  ve  can sıkıcıdır. Ayrıca  kimi  zaman bazı sitelere  üye olmak istediğimiz  zaman ülke  bilgisi  girmemizi  isterler. Dünyadaki bütün ülkelerin içinde  kendi  ülkeni  bulmak kimileri için zor oluyor. Klavyeden ülke isminin baş harfini yazdığımızda  direk o harfe gidebiliyoruz.  Select...

Giriş formunda  yazdığımız  şifreyi  göremediğimiz  için çoğu zaman yanlış yanlış  şifre gireriz. Ya klavye dil seçeneği yanlış seçilmiştir  yada bütün harfler  büyük yazıyordur. Bu iki seçenek  yanlış şifre girmemize  en çok neden olan seçeneklerdir. Halbuki şifremizi  yazmaya başladığımız  anda  görebilsek  ve  diğer  aşamalara geçtiğimiz şifremiz tekrar  gizlense  güzel olurdu değil...

Bir önceki yazımızda Jason Howmans  tarafından geliştirilmiş olan Tabber uygulaması  ile tab kullanımını  anlatmıştık. Bu gün yine aynı uygulama  ile slayt kullanımını  anlatacağız. Aslında bu uygulamanın  adı BillyCarousel diye geçiyor  ama iki  farklı  özellik olarak kullanılabildiği için iki başlık altında yayınlamayı daha doğru buldum kendimce. Yani bir önceki yazıda bahsettiğimiz Tabber...

Tab örneklerini az çok bilirsiniz genelde   sitelerin sağ yada sol tarafında  bulunan bölüme eklenen, üst  üste eklenmiş içeriklerin çok fazla  yer kaplamaması için eklendiği çerçevedir.  Genelde  son yazılar, popüler yazılar, etiketler, son yorumlar gibi bölümler  eklenir  bu sekmelere. Az çok karşılaşmışsınızdır  bunlara.  Her ne kadar Türkçe’si  ‘Sekme’  olsa  da...

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ç...