Kullanıcılar Yazılarınızı Büyültüp Küçültebilsin

article zoomin zoomout Kullanıcılar Yazılarınızı Büyültüp Küçültebilsinİçerisinde uzun yazılar barındıran bir web sayfanız mı var? Kullanıcı deneyimine önem mi veriyorsunuz? Öyleyse makalelerinizin üstüne büyültme ~ küçültme işlemi ekleyerek ziyaretçilerinize kolaylık sağlayabilirsiniz. Özellikle haber sitelerinde görmeye alıştığımız bu kolaylık saniyeler içerisinde hazırlanabilmekte.

Bu makalemizde uzun yazılar içeren makalelere boyutlandırma seçeneği eklemeyi öğreneceğiz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


WordPress’te Yazılara AdSense Reklamı Yerleştirme

adsense logo WordPresste Yazılara AdSense Reklamı Yerleştirme WordPress sitenize AdSense reklamlarını otomatik olarak ekleyen yüzlerce eklenti mevcut. Ancak bazen bu reklamları yazının istediğimiz yerlerine, daha çok ilgi görecekleri yerlere serpiştirmek isteyebiliriz. Hal böyleyken otomasyonlardan ibaret tüm eklentiler beklentilerimizi karşılamıyor. Burada devreye WordPress’in shortcode desteği giriyor.

Bu makalemizde, “WordPress’te yazı içerisinde istediğim alana nasıl reklam eklerim?” sorusuna cevap arayacağız. (daha&helliip;)

Devamını Oku

WordPress’te Popüler Konuları Gösterme (Eklentisiz)

wp WordPresste Popüler Konuları Gösterme (Eklentisiz) WordPress sitenizde ziyaretçilerinizin en çok ilgi gösterdikleri yazıları eklenti kullanmadan listelemek mümkün. Bu işlem için loop içerisinde bulunan ve en çok yorum alan konuları SQL‘den çekmek yeterli. Özetle, bu kodlama aynı zamanda en çok yorumlanan konuları da listelemeniz anlamına geliyor.

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

Devamını Oku

css-ile-mobil-menu

CSS ile Mobil Menü

Özellikle mobil uygulamalarda gördüğümüz açılıp kapatılabilir menü örnekleri artık web tarafında da fazlasıyla kullanılıyor. Minimalist tasarımın vazgeçilmezi haline gelen bu yapı, genellikle responsive web sitelerin mobil versiyonlarında navigasyon yükünü sırtlıyor.

Bu makalemizde CSS ve biraz da jQuery desteğiyle açılıp kapatılabilir şık bir menü tasarlayacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

CSS ile Loading Animasyonu (Spinner)

css spinner CSS ile Loading Animasyonu (Spinner)Dijital olan ve elektronik bir cihaz üzerinden çalışan her türden proje kısa da olsa “Yükleniyor…” animasyonuna ihtiyaç duyar. İşin web tarafında da CSS3‘ün gelişiyle GIF ve SWF animasyonlar rafa kaldırılarak yerlerini sadece CSS ile işleyen tasarımlar aldı. Ancak bu CSS kodları da bazen o kadar detaylı ve uzun oluyor ki sıradan bir GIF’den daha ağır çalışıyor.

Bu dersimizde sadece bir div ve birkaç satır CSS kodu ile dönen bir topaç (loading animasyonu) oluşturacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

CSS ile Üzerine Gelince Dönen Resim

css ile donen resim CSS ile Üzerine Gelince Dönen ResimBildiğiniz gibi artık web tasarımında perspektif planlama yapabiliyoruz. Ayrıca transform tanımıyla da tasarımlarımızı istediğimiz yönde çevirebiliyoruz. Bu teknikler önceleri Flash desteğiyle yaptığımız animatif etkileşimleri HTML5 ve CSS3 ile çok daha hızlı ve performanslı yapmamızı sağlıyor. Daha önceleri de bol bol konuştuğumuz geçiş efektleri sayesinde bu animasyonları daha yumuşak hale de getirebiliyoruz.

Bu dersimizde bütün bu teknikleri bir arada kullanarak güzel bir hover efekti oluşturduk.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku