Web sitenize NTVspor veya Yerel Futbol‘da da kullanılan material design menü tasarımını eklemek ister misiniz? Özellikle mobil erişimlerde öne çıkarılmasını istediğiniz içerikleri listelemenize yardımcı olacak bu tasarımı hazırlamak tahmin ettiğinizden de basit.
(daha&helliip;)jQuery
Fareyle Birlikte Hareket Eden Arkaplan Resmi
JavaScript ile fare hareketlerini takip etmek çok kolay. Geçtiğimiz sene bu fonksiyonu kullanarak fare pozisyonuna göre hareket eden yazı arka planı hazırlamıştık.
Bugün sizlerle birlikte yepyeni bir örnek, fare pozisyonuna göre dinamik bir şekilde hareket eden arkaplan resmi hazırlayacağız.
(daha&helliip;)Mobil Sitenize WhatsApp ve Diğer Sosyal Paylaşım Linkleri Ekleyin
Birçok popüler web sayfasının mobil versiyonunda karşımıza çıkan sosyal ağ paylaşım linklerini hatırlar mısınız? Özellikle Facebook, Twitter, LinkedIn gibi ağlar dışında mobil cihazlara özel WhatsApp‘ı da destekleyen bu yapılar sitenizin trafiğini ve bilinirliğini büyük bir hızla arttıracaktır.
Bugün sizlerle sadece HTML, CSS ve JavaScript yazarak sadece mobil cihazlarda gözüken şık bir sosyal ağ paylaşım barı oluşturacağız.
(daha&helliip;)Hem de 1 satır programlama yazmadan!
Adobewordpress gururla sunar : “iPhone Mesajlar Ekranı”
Bugün sizlerle birlikte çok şık ve eğlenceli bir mesaj panosu tasarımı yapacağız.
iPhone‘un şık ve kullanışlı mesajlaşma ekranı hem sadeliği hem de kolay kullanılabilir olması sebebiyle izini sürebileceğimiz başarılı tasarımlardan birisi. Peki bu yapıyı web ortamına nasıl aktaracağız? HTML5 ve CSS3‘ün güçlendirilmiş yeni teknikleri ve jQuery‘nin fonksiyonelitesiyle bu iş sandığınız kadar zor olmayabilir.
Adobewordpress gururla sunar : Karşınızda responsive yapıdaki iPhone mesajlar ekranı tasarımı
jQuery ile HTML Elemanlarınıza Rastgele Renkler
Bugün hazırlayacağımız flat renk şablonunu bir jQuery array içerisine yerleştirerek güzel bir renk paleti oluşturacağız. Sonrasında da birlikte oluşturacağımız bir fonksiyon ile web sitemizdeki tüm öğeler için kullanabileceğimiz mükemmel bir renk aracı hazırlayacağız.
Preloader.js ile Sayfalarınıza ‘Yükleniyor’ Barı
Adobewordpress gururla sunar : Preloader.js
Birçok takipçimizin YouTube’da kullanılan yükleniyor barının nasıl yapıldığını sorması üzerine sizlere özel bir plugin geliştirme gereği duyduk. Preloader ismini verdiğimiz bu jQuery eklentisi sayfanızın yüklenmesini hesaplayıp bu süre dahilinde dolan bir bar ve dönen bir spinner oluşturuyor.
Ayrıca isteğe bağlı olarak kırmızı, mavi, yeşil ve sarı gibi ana renklere bürünmekle kalmıyor, tercih edilirse yüklenme sırasında sitenizin üstünü siyah ve beyaz renkteki perdesiyle de örtüyor.
Adobewordpress ailesi olarak Cumhuriyet Bayramı‘nızı kutlarız. Ne mutlu Türküm diyene!
(daha&helliip;)
Front-end Developer ne yapar? -Super Mario
Facebook sayfamızdan bir takipçimiz sormuş : “Front-end Developer ne iş yapar?” diye. Hakkaten ne iş yapar bu insanlar?
Özellikle serbest çalışma statüsündeki makalelerimize başlık atmak bizleri zorluyor. Dolayısıyla yer yer üstüne oturduğumuz yerlerden başlıklar türetmek ya da gelen soruları evirip çevirip yanıtlamak zorunda kalıyoruz. Bugün de konumuz web dünyasının son kullanıcıyla olan etkileşimini yöneten front-end geliştiricileri ile alakalı.
Front-end developer sadece önyüz yapar deyip bu makaleyi bitirmek isterdik. Ancak bu iş o kadar basit değil. Günümüzde iyi bir önyüz geliştiricisi olmak istiyorsanız birkaç stil kodu biliyor olmakla yetinmemeli, fonksiyonelite tarafında da kendinizi geliştirmelisiniz. Biraz da grafik tasarım..
Adobewordpress‘in Adobe eğitimleri sizi grafik tasarımcı, HTML–CSS–JS dersleri web tasarımcısı yapabilir. Bu iki yola da hakim olmanız da sizi tasarımcı yapar. Bunu müzisyenin de, ressamın da sanatçı diye nitelendirilmesiyle örneklendirebiliriz.
Makalemizin devamında “Front-end Developer ne yapar?” sorusunu hazırlayacağımız çalışmayla, aynı anda grafik tasarım ve web tasarımı yaparak örneklendireceğiz.
(daha&helliip;)jQuery ile Scroll ile Küçülebilen Menü
Günümüz sticky menü trendinin bir diğer örneği de ekran aşağı kaydırıldıkça stil değiştirerek ekranda sabit kalan menü örnekleri. Bu menü tipleri küçülen yapısıyla da ekranda daha az yer kaplamakta, bu da içerikleriniz için daha fazla alan demek oluyor.
Bugün sizlerle birlikte ekran aşağı kaydırıldığında küçülen bir menü örneği hazırlayacağız.
(daha&helliip;)Sitenize Haber ve Duyuru Akışı Ekleyin
Özellikle haber sitelerinin vazgeçilmez öğesi olan akan anons pencereleri sizlere hem dinamik hem de kullanşlı bir sunum imkanı sağlıyor. Bu yapıları sizler de web sitenize kolayca eklemeniz için Adobewordpress ailesi olarak awNotices’i hazırladık.
(daha&helliip;)
Ambilight ile Bootstrap Slider Kullanımı
Bootstrap üzerine konuşmaya devam ediyoruz. Bugün Bootstrap Slider‘ı (bilinen adıyla Carousel) Ambilight tasarımıyla özgün ve şık hale getireceğiz. Oluşturacağımız yenilikçi tasarım, Bootstrap varolan işlevsel sliderını bir adım daha öteye taşıyacak.
(daha&helliip;)
Sitenize Kolayca Slider Ekleyin
Yapışkan (Sticky) header nasıl yapılır?
CSS veya jQuery ile Açılan/Kapanan Div
Fareyle Birlikte Hareket Eden Arkaplan Resmi
Ambilight ile Bootstrap Slider Kullanımı
Photoshop ile “This is it” Film Afişi Hazırlama
Balsamiq nedir? Nasıl kullanılır?
2012 Yılının En Popüler WordPress Eklentileri
CSS3 ve jQuery ile Google Play Tab