CSS ile Etkileyici Gölge Efektleri

Merhaba arkadaşlar.

Daha önce öğrendiğimiz CSS gölge satırlarını bugün detaylandırıyoruz. Çıkış noktamız yine box-shadow, fakat bu sefer gölgelerde bile boyutlandırma işlemi yapacağız.

Bahsettiğimiz gibi ilk gölgelendirme yazımızda (görüntülemek için tıklayın) temel teknikleri konuşmuştuk. Sonrasında box-shadow kod birimi ile çoklu border sistemini öğrenmiştik. Aslına bakarsanız gölgelendirme üzerine birçok yazımız mevcut. Makalenin en altındaki ilgili konular alanına göz atabilirsiniz.

Şimdi yavaş yavaş başlayalım.
(daha&helliip;)

Devamını Oku


Mükemmel Wallpaper Arşivi ~ En İyiler

Wallpaper ~ Duvar Kağıtları

Akademik 300 civarındaki makaleden sonra biraz konu dışına çıkmayı hak ettik sanırım.

Bu yazımızda sizlere onlarca mükemmel wallpaper (duvar kağıtı) sunacağız. Her biri 1080p büyüklüğünde olan wallpaperlar tam arşivlik. En güzel kısmı ise bütün bu görsellere ücretsiz olarak erişebilirsiniz!

Wallbase kullanıcılarının oylarıyla belirlenen liste her kategoriden wallpaperı içermekte.

Adobewordpress ailesi olarak bu listenin güncelliğine fazlasıyla önem veriyoruz. Sürekli güncellenen bu listenin tamamına erişmek için konunun devamına göz atın. (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

Gün Doğumu

Photoshop ile Gün Doğumu

Merhaba arkadaşlar. Geçtiğimiz günlerde Facebook sayfamıza gelen mesajları teker teker kontrol ediyordum ki sıkı bir takipçimizin “Gün doğumu efekti nasıl oluşturulur?” diye bir soru yönelttiğini gördüm. Kısa bir süre düşündükten sonra cevap olarak “Bu konu ile ilgili makaleyi birkaç gün içinde sitemizde okuyabilirsin.” oldu. Evet, şimdi bu makaleyi hazırlayacak kadar boş zamanım var. Şimdi arkanıza yaslanın ve makalemin devamına göz atın.
(daha&helliip;)

Devamını Oku

WordPress Sitenize Muhteşem jQuery Menüler Hazırlayın

JQuery Vertical Mega Menu WidgetMerhaba arkadaşlar. WordPress eklentileri konulu bu yazımda yeni sayılabilecek bir menü eklentisinden bahsedeceğim.

JQuery Vertical Mega Menu Widget isimli bu eklenti WordPress sitenize gayet şık menüler eklemenizi sağlıyor. Bu işlemi ise neredeyse saniyeler içerisinde yapıyor. Kullandığı jQuery desteği ile açılabilir yapılabilen menüler sitenize widget olarak ekleniyor. Ayrıca sizler için hazırlanmış 8 adet menü tasarımı gayet şık duruyor.

Hadi incelememizi biraz detaylandıralım. (daha&helliip;)

Devamını Oku

Renkli Arka Plan ve Balon Yazı

Photoshop ile Renkli Arka Plan ve Balon Yazı

Kısa bir aradan sonra yepyeni bir Photoshop dersi ile herkese merhabalar.

Yukarıdaki görsel iddialı ve kompleks gözüküyor olabilir. Ama gözünüzü korkutmasın. Çünkü uygulamaya geçtiğinizde ne kadar çabuk bittiğine şaşıracaksınız. Photoshop ‘u açtıysanız artık başlayabiliriz.

İlk olarak arka planı hazırlayacağız. Sonrasında ise yazımızı ekleyeceğiz.

(daha&helliip;)

Devamını Oku