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;)Tasarım Unsurları
Google News Kayıt Olma
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;)
Arama Motoru Optimizasyonu – SEO Nedir, Neden Yapılır ?
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;)
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;)
Bootstrap’e Sol Menü Eklemek
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.
15 Ücretsiz HTML5 Teması
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.
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!
Yandex Partner ile Web Sitenizden Para Kazanın
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;)
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ı
Yeni sekmede açılan bağlantılar nasıl özelleştirilir?
Web sayfanızda kullandığınız dış bağlantıları özelleştirmeniz, kullanıcılarınızı ilgili linke tıkladıklarında yeni bir sekme açılacağına dair uyarmanızı sağlar. Bu tip küçük hatırlatmalar kullanıcı deneyimi seviyenizi arttırır ve takipçilerinizde farkındalık yaratır.
Peki böylesine bir işlemi yaparken sitenizde daha önceleri kullandığınız yüzlerce dış bağlantıyı da tetiklemek, bütün linkleri tek tek düzenlemek zor olmaz mı? Evet, ancak CSS‘in attribute selectorü sayesinde bu işlemi yapmak çocuk oyuncağı.
(daha&helliip;)
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?
Ders 3 : Bootstrap İkon Kullanımı
Photoshop ile Gerçekçi Sinema Efekti
Photoshop ile Patlayan ve Parçalanan Yazı Efekti
Photoshop ile Yazılardan Portre Oluşturmak