Günümüz web tasarımı trendlerinden biri de Türkçe karşılığıyla hayalet butonlar.
Literatüre göre ghost button, web sayfalarının birincil aksiyonuna kullanıcıları taşımakla ilişkilendirilmiş. Ayrıca çizgisel ve şık bir tasarıma sahip bu butonlar sitenizin cazibesini arttırmanıza yardımcı olacaktır.
Bu dersimizde sizlerle birlikte CSS kullanarak iki adet ghost button tasarımı oluşturacağız.
Bugün sizlerle birlikte görsel ve metinlerinizi bir arada şık bir şekilde sergilemenizi sağlayacak haber kutucukları tasarlayacağız. Mobil cihaz desteği de bulunan bu tasarım Material Design ruhunu da taşımaktadır.
(daha&helliip;)
Google News, Google’ın diğer sitelerden haber niteliğindeki konuları alarak kendi sisteminde listelediği ücretsiz bir hizmet. Özellikle haber siteleri için büyük bir fırsat olan bu hizmetin web sayfanız trafiğine önemli katkılar sağlaması söz konusu. Tabii başvuru sürecinde kabul görmeniz için üstesinden gelmeniz gereken birkaç kriter var.
Bu makalemizde Google News’e nasıl kaydolacağınızı anlatacağız.
(daha&helliip;)
SEO konulu yepyeni bir makale diziniyle herkese merhaba. Arama Motoru Optimizasyonu‘nu 10 makalede detaylıca anlatarak web sayfanızın Google tarafındaki bilinirliğini arttırmaya çalışacağız.
(daha&helliip;)
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;)
Bootstrap 3‘ün en hissedilen eksikliklerinden birisi sol menü tasarımının olmaması. Ancak bu yapıyı kütüphaneye katan onlarca ek geliştirme internette dolaşmakta. Bu tasarımların en iyilerinden birisi de David Miller tarafından geliştirilmiş Simple Sidebar isimli çalışma.
Bu makalemizde sizlerle birlikte “Bootstrap’e nasıl sol menü eklenir?” sorusuna cevap arayacağız.
Adobewordpress sizler için 2016 yılının ilk çeyreğinin en dikkat çeken 15 adet HTML5 temasını derledi. Tamamı ücretsiz olan bu listede bulunan herbir tema firmanızı, projenizi, fikrinizi veya kendinizi çok daha kolay anlatmanızı sağlayacak tasarımlara sahip.
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!
Google’ın servisi AdSense‘in domine ettiği reklam yayıncılığı sektörüne yeni bir oyuncu daha katıldı. Bir süredir bol bol konuşulan Yandex‘in dijital reklamcılık politikasındaki devrim niteliğindeki değişiklikler artık gün yüzüne çıkmaya başladı.
Karşınızda Yandex Partner!
Yandex Partner ile web sitenizi bir gelir modeline çevirebilir, yayınladığınız reklamlar üzerinden para kazanabilirsiniz. Bu makalemizde Yandex Partner’in getirdiği yenilikler ve üyelik süreçleri hakkında tüm detayları bulabilirsiniz.
(daha&helliip;)
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ı
Sitenize Kolayca Slider Ekleyin
CSS Renk İsimleri
CSS ile Üzerine Gelince Büyüyen Resimler
Photoshop Action (.atn) Dosyaları Nasıl Kurulur ve Çalıştırılır?
Photoshop ile Etkileyici Işık Çizgileri
Photoshop ile 3 Boyutlu Yuvarlak Buton
Yandex Partner ile Web Sitenizden Para Kazanın
Sadece CSS ile Slider Yapımı