Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML’e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir. İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini, yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli... Devamını oku »

Marco Biedermann tarafından sitenizde sosyal ağ adreslerinizi yayınlayabilmeniz için hazırlanmış bir Css3 navigasyon menü örneği. Menü örneğinde ilk başta  sadece  içinde  user ikonu bulunan  kırmızı  bölüm bulunuyor. Mouse ile menü üzerine  geldiğinizde sağ tarafta  hafif saydam bir menü listesi açılıyor  ve  mouse ile üzerinde gezdiğiniz  ikonların başlıkları resimdede gördüğünüz  gibi... Devamını oku »

Mozilla Firefox tarayıcısı için hazırlanmış olan eklenti sayfasını inceleyenler bilirler mutlaka. Eklenti resimlerinin olduğu sayfada mouse ile resimlerin üstüne geldiğinizde resmin etrafında ve resimden daha büyük görünmeyen bir pencere ortaya çıkıyor. Bu özellik sayfaya daha fazla içerik eklenebilmesini sağlayabildiği gibi websayfalarınada ayrıca farklı bir görünüm kazandırıyor. Soh Tanaka tarafından Css... Devamını oku »

Css3 ile hazırlanmış güzel bir kart örneği. Lane Olson tarafından hazırlanmış  olan bu örnek üst üste  yığılmış  üç  adet karttan oluşuyor. Mouse  ile  kartların üzerine geldiğinizde kartlar  açılıyor  ve mouse  hangi kartın üstünde ise o kart  biraz  büyüyüp  diğer  kartların önünde  görünüyor.

James Nowland  tarafından  hazırlanmış mükemmel  bir Css3  üst menü örneği.  Aslında  menü  olarak hazırlanmamış bir örnek.  jQuery ve Css3  kullanılarak hazırlanmış  tıklandığında  içeri  batıp kalan bir buton örneğiydi. Kendimce  ufak tefek  birkaç değişiklik yaptıktan sonra bir  üst menü  örneği  olarak sizlerle  paylaşıyorum.

Banner olarak kullanabileceğiniz  yada yazılarınızda kullanabileceğiniz  güzel bir Css3 efekt. Tam olarak  kimin tarafından hazırlandığını  bilmediğim bu  örnek Chad  nickinde  biri  tarafından yayınlanmış. Quantum kelimesi  gölge  efektine sahip olduğu  için ve 3D  görünümde hazırlandığı  için havada  asılı bir  görüntüsü  bulunuyor. Lighting  kelimesi  ise arkaplanda batmış gibi  bir görüntüsü  var mouse... Devamını oku »

Font  awesome ile hazırlamış olduğum bir  örneği  sizlere paylaşmak kısmet oldu  bu sefer. Anlatıma geçmeden önce belirtmek istediğim husus siz download  butonuna basıp dosyayı  bilgisayarınıza  indirdikten sonra  sizin kendi malınızdır 🙂 Aslında  jQuery kullanarak animasyonlu  oluşturmak istedim ki onuda yaptım yapmasına ama bana göre animasyonlu olmayanı daha  güzel duruyor.

Marco  Biedermann  tarafından hazırlanmış bir  giriş formu örneği. Form örneği  sadece  tasarımdan ibaret olup  herahngi  bir işlevi  bulunmuyor.  Eklenmiş olan Twitter ve  Facebook butonlarıda formalite  icabı  zaten. Facebook  ve Twitter butonları  için kullanılan iconlar Fonta Awasome  ile eklenmiş. Bunun dışında

Herhangi bir resim dosyası kullanılmadan hazırlanmış bu üst menü örneğinde bulunan açılır menüler için jQuery kullanılmış. Geri kalan kısmı sadece Css3 kullanılarak hazırlanmış. Bu yüzden sadece Webkitt destekli tarayıcılar üzerinde çalışmaktadır. Mouse linklerin üzerine geldiği an alt kategoriler  açılıyor ve mouseyi çektiğiniz zaman da tekrar kapanıyor.

Font  Awasome  ve Css3 kullanarak hazırladığım basit  bir menü  örneği.  Bu  örnekle ile  webesitenizin herhangi bir köşesindesosyal  ağ adreslerinizi  paylaşabilirsiniz. Mouse  ile  butonlar  üzerinde  gezdiğinizde jquery fade  benzeri bir  şekilde butonların arkaplanında  bulunan beyaz renk maviye dönüşüyor ve  sosyal  ağ ikonuda  beyaz  oluyor.  Mouseyi geri çektiğinizde  yine  aynı şekilde  eski... Devamını oku »