Geçmişten Günümüze Web Tasarım Trendleri (2004 – 2015)

 
15 Beğeni
Böyle Kal!

Yeni yıl yaklaşırken neredeyse tüm siteler 2014’de neler oldu tarzında konular yapmaya başladı, ben de hem buna benzer olsun hem de uzun süredir zaten aklımda olan (ve merak ettiğim) bir konuyu araştırdım, buldum, evirdim, çevirdim ve sizlerle paylaşmak istedim. Toplamda 59 görsel kullandığım için sayfa dolma süresi yavaş olacağından ve konunun biraz daha düzenli gözükmesini istediğim için yazıyı senelere göre sayfalara böldüm. 2004’den bu yana olan tasarım trendlerini incelediğimiz için de toplamda 12 sayfamız var, keyifle okumanız dileğiyle… Başlıyoruz (Not: Bir ara bu yazıyı tamamlayamadan öleceğim sandım! )
(daha&helliip;)

Web sitesi optimizasyon

Gzip Etkinleştirme [Cpanel yada .htaccess ile]

 
10 Beğeni
Böyle Kal!

Gzip yani sıkıştırma işleminin site hızına ne kadar yaradığını bilmeyeniniz yoktur heralde ki zaten bilmiyor olsanız bunu arayıp da buraya da ulaşamazdınız diye düşünüyorum neyse geyik yapmayalım ben size asıl konudan bahsedeyim, öncelikle gzip olayını cpanel ya da .htaccess kullanarak yapabildiğimizi belirteyim sizlere…

Öncelikle sitenizi bu işlemi yapmadan önce google page speed ile bir test edin, Şuradan => https://developers.google.com/speed/pagespeed/insights/

Cpanel Üzerinden Gzip Etkinleştirme

Aşağıda ki resimde olduğu gibi cpanel’de Software/Services (Yazılım/Servisler) kısmından Optimize Website Linkine Tıklıyoruz…

Cpanel Gzip

Daha sonra yine aşağıda ki resimde olduğu gibi “Disabled” seçili olarak gözüken kısmı “Compress All Content”  ile değiştiriyoruz ve Update Settings diyoruz..

Optimize Websites

.Htaccess İle Gzip Etkinleştirme

Bu bazı panellerde yok malesef bu durumda da .htaccess kullanmamız gerekecek..

sitenizin ana dizininde bir .htaccess dosyası varsa açın yoksa bir adet oluşturup içerisine şu kodları ekleyin.

#Gzip
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript text/javascript
</ifmodule>
#End Gzip

Şimdi artık sitenizi yeniden bir testten geçirebilirsiniz..

Css Sprite Menü Yapalım

 
3 Beğeni
Böyle Kal!
[wp_ad_camp_1]

Son yaptığım sitede bir sprite menü kullanmaya karar verdim konuyu araştırdım fireworks’un bu konuda çok yardımcı bir araç olduğunu keşfettim ve yapmayı başardım.

Bilmeyenler için açıklama yapayım sprite menü tek bir resim kullanarak background-position ile resmin hover özelliğine koordinat vermekten geçiyor.

Benim yaptığım menü aşağıda; (daha&helliip;)