Özellikle uzun yazıları barındıran blog sitelerinde kullanıcıya makalenin hangi aşamasında olduğunu göstermek faydalı olabilir. Böylece web sayfanızın kullanıcı etkileşimini de güçlendirebilirsiniz.
Bu makalemizde Brett Smith tarafından hazırlanmış, ekran aşağı scroll edildikçe dolan ve uzun yazıların okunma seviyesini gösteren bir bar oluşturacağız.
(daha&helliip;)
Web sayfanızda kendi hazırladığınız bir resmi fare imleci olarak kullanmak ister misiniz? CSS’in cursor tanımı ile bunu yapmak mümkün. Hem de gayet basit.
Detaylar için makalemizin devamına göz atabilirsiniz. (daha&helliip;)
jQuery‘nin scrollTop tanımı ile birlikte web sayfalarındaki kaydırma çubuğununun seviyesini numerik olarak yakalayabiliyoruz. Hal böyleyken bu yapıyı niye CSS3 ile ilişkilendirip şık tasarımlar hazırlamayalım ki?
Bu dersimizde aşağıya scroll edildikçe büyüyen ve bulanıklaşan arkaplan tasarımı yapacağız. İşlevsellik yükünü jQuery, tasarım yükünü de CSS sırtlayacak. Hazırsanız başlayalım.
(daha&helliip;)
Özellikle teknoloji firmaları yeni ürünleri tanıtırken hazırladıkları web tasarımlarında HTML5‘in video oynatıcısı aracılığıyla küçük çaplı şovlar yapmakta. Siz ön katmanda ürünle ilgili detaylı bilgileri okurken alt katmanda gizli bir video yapısı kaydırma çubuğuyla eş zamanlı olarak ileri/geri ilerleyebilmekte.
Bu anlatımımız gözünüzde bir tasarım canlandırmadıysa aşağıdaki örneği görüntüleyerek işe başlayabilirsiniz. Daha sonrasında ise bu yeni teknoloji ürünü tasarımı oluşturacağız.
(daha&helliip;)
Bugün CSS ile etkileyici bir header(üst gövde) tasarımı yapacağız. Kaydırma çubuğuyla birlikte hareket eden arkaplan görüntüleri günümüzde çok popüler. Ne kadar kompleks gözükse de CSS’in background tanımlamaları sayesinde sadece birkaç satır kod yazarak tasarımımızı oluşturacağız.
(daha&helliip;)
Bir tasarım üzerine son sürat çalışırken karşınıza küçük bir engel çıkar ve saatlerinizin boş yere uçup gitmesine sebep olur. Bu makalenin çıkış noktası da bu minik sorunlardan birinin çözümü ile alakalı.
Web sayfanız açıldığında overflow tanımlı bir öğenizin kaydırma çubuğunun (scroll) en altta olmasını istiyorsanız doğru makaledesiniz.
Örneğin bir chat sistemi hazırladığımızı varsayalım. Yeni yazılan mesajlar bir div’in içerisine otomatik olarak ekleniyor. Yukarıdan aşağıya doğru eskiden güncele bir listeleme yapılıyor. Kullanıcılar bu chat sistemine girdiğinde o div’in en üstündeki eski mesajı değil, en alttaki güncel mesajı görüntülemeli. İşte sizlerle birlikte hazırlayacağımız JavaScript kodu da tam olarak bu işlevi görüyor. (daha&helliip;)
WordPress’in ses getiren eklentilerinden olan lazy loading, sayfanız scroll aşağı indirildikçe, yani gerekince yüklenecek. Böylece hem sayfa hızı artacak, hem kullanıcının harcadığı MB oranı azalacak. Bu demek oluyor ki sayfa boyutunuz da büyük oranda düşecek. Küçücük bir değişikle bu önemli avantajlara sahip olmak istiyorsanız doğru yerdesiniz.Makalemin devamını okuyunuz.
Ve huzurlarınızda BJ Lazy Load! (daha&helliip;)
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
Photoshop ile 3 Boyutlu Yuvarlak Buton
2012 Yılının En Popüler WordPress Eklentileri
Birbirinden Kaliteli 10 Ücretsiz WordPress Teması
Photoshop ile Yüzeylerde Kan Efekti