Ücretsiz 15 Adet Blurred (Bulanık) Arkaplan

photoshop-blur-bgBu yazımızda sizler için hazırladığımız 15 adet bulanık arkaplan resimlerini paylaşacağız. 1920×1080 boyutlarındaki görsellerle ister masaüstünüz isterseniz de web sayfanızın arkaplanını süsleyin. “Bana balık vermeyin, balık tutmayı öğretin!” diyenleriniz de olacaktır.

Eğer bu görselleri nasıl hazırladığımızı öğrenmek istiyorsanız sizi buraya alalım : “Photoshop ile Bulanık Arkaplan Hazırlama” (daha&helliip;)

Devamını Oku


Görsellerinize Büyüteç ile Bakın

CSS Büyüteç

Günümüzde neredeyse çoğu grafik sitesi görselleri için büyüteç tekniğini kullanmakta. Hatta sık sık ziyaret ettiğimiz alışveriş siteleri bile ürünlerini daha iyi sunmak için bu tekniği kullanmakta.

Peki nasıl oluyorda imleci görsellerin üzerine getirince bir mercek içinden bakabiliyoruz? Bu makalemde bu soruyu birlikte cevap arayacağız.

Biraz CSS, biraz HTML ve biraz da jQuery… Hadi başlayalım!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Photoshop ile Görsellerinizi Sıkıştırarak Web Sayfanızın Açılış Hızını Arttırın

Photoshop’un Save for Web (Web için Kaydet) seçeneği, biz web geliştiricileri için büyük önem taşımaktadır. Makaleyi sonuna kadar okuduktan sonra bir daha Save, Save As gibi menü seçeneklerini kullanmayacağınıza eminim.

Aşağıdaki görsel en basit ayarlar ile Save As ve Save for Web farkını göstermektedir :

Bu kaydetme aracı sayesinde kalite kaybını minimuma indirip dosya boyutunu büyük oranda azaltabiliriz. Web sayfanızdaki görsellerin dosya boyutunu azaltamanız

  • Sitenizin daha hızlı açılmasına,
  • Ziyaretçilerin daha az kota harcamasına,
  • Açılış hızına eşdeğer Google puanınızın artmasına,

ve daha birçok işe yarar sonuç verir. (daha&helliip;)

Devamını Oku