CSS3 ile Seçili Alanı Renklendirin

css-secili-alan CSS3 ile web sayfanızda fareyle seçilmiş alanları bile stilize edebilirsiniz. Kütüphanemize eklenen selection tanımlaması Chrome 4.0, IE 9, Firefox 2.0 (-moz), Safari 3.1, Opera 9.6 ve üzeri tüm tarayıcılarda çalışmakta.

Web sayfanız eğer Adobewordpress gibi uzun yazılardan ve alıntılanması gereken içeriklerden oluşuyorsa siz de sitenizin “seçilen alan rengi” ile oynayın. (daha&helliip;)

Devamını Oku


Photoshop ile Metal Yüzey Yapımı

photoshop-metalic-surfaceGeride bıraktığımız makale ve videolarımızda Photoshop ile iki adet metalik yazı (#1 ~ #2) örneği hazırladık. Sıra geldi benzer teknikler kullanılarak istediğimiz boyutlardaki bir yüzeyi metale çevirmek.

Apple‘ın tasarımlarında ve sunumlarında sıklıkla kullandığı odak merkezli metalik yüzey Photoshop ile saniyeler içerisinde hazırlanabiliyor. Bu makalemizde sadece 2 adımda  bu tasarımı çizeceğiz.

Hazırsanız başlayalım. (daha&helliip;)

Devamını Oku

CSS ile SEO ve performans dostu harika resim açıklamaları

Merhaba arkadaşlar. Bu makalemizde görsel açıdan olduğu gibi performans ve SEO açısından da inanılmaz başarılı olan bir resim efektini anlatacağız.

Okumakta olduğunuz makalenin türevleri olabilir, fakat tarafımızdan hazırlanan bu CSS kodu yerli ve yabancı kaynaklarda bulabileceğinizin en iyilerinden biri. Neden mi?

  1. Sadece tek division kullanıyor.
  2. Köprü bağlantılar a block veya onclick ile değil, klasik href türünde. Böylece ziyaretçinin browserinin java desteği kapalı olsa bile tam performans ile çalışmakta.
  3. Yukarıda dediğim gibi, kod satırlarının içersinde JS yok. Bu yüzden hızlı ve her kullanıcı tarafından görülebilir.
  4. CSS3 ‘ün yeni teknikleriyle süslü.
  5. Yazılar paragraf içinde, yani tam anlamıyla açıklama metinleri oldular. Böylece arama motorlarının botları görsel arandığında <p> içindeki geniş açıklama metnini yayınlar. Kısaca SEO dostu diyebiliriz.
  6. Yazılar seçilerek kopyalanamaz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku