Instagram efektlerini konu alan Photoshop derslerimiz devam ediyor. Webstagram‘ın istatistiklerine göre en popüler Instagram filtresi %7.79 kullanım oranıyla Early Bird. Durum böyleyken Adobewordpress olarak Early Bird efektini Photoshop’a dökme gereği duyduk. (daha&helliip;)
Responsive HTML5
Günümüzde profesyonel tasarımlar artık WWW (World Wide Web) erişimine sahip tüm cihazlara uygun olarak hazırlanmakta. Bu liste ne yazık ki akıllı telefonlar ve tabletler ile bitmiyor. Her geçen gün farklı ekran boyutlarına sahip yeni cihazlar çıkmaya devam ediyor.
Bu makalemizde taşınabilir cihazlara uyumlu HTML5 taslağı oluşturacağız.
CSS3 Şekiller
CSS3 ile birlikte şekillendirme yapabileceğimiz araçların sayısı arttı. Özellikle Pseudo elemanları ile artık neredeyse şey imkansız değil.
Adobewordpress olarak temel birkaç şekili sizler için derledik : kare, dikdörtgen, daire, yarım daire, üçgen, sola yatmış üçgen, sağa yatmış üçgen, beşgen, yıldız, altı kenarlı yıldız, pacman, sonsuz işareti, kalp, elmas, ribbon, yumurta, diyalog kutusu, yin yang ve büyüteç… (daha&helliip;)
CSS ile Yazı Arka Planı : text-fill-color
CSS3 ile yelpazeye dahil olan text-fill-color ile alışılagelmiş color arasındaki farkları inceleyeceğimiz bir makaleyle devam ediyoruz.
Sol tarafta görmekte olduğunuz gibi bu teknik ile fotoğrafları rahatlıkla metin üzerine yerleştirebiliyoruz. Sadece fotoğrafları değil, gradient (renk geçişleri) de bu teknik ile kullanılabilmekte. (daha&helliip;)
2 Adet Dikkat Çekici Tumblr Teması
Adobewordpress olarak çok sık olmasa da konu dışına çıkıyoruz. Bugün sizlerle 2 adet Tumblr temasını paylaşacağız. Temaların ikisinin de ortak özelliği sade bir arayüze sahip olmaları. Ajoen tarafından hazırlanan bu şık temalardan Oka isimli olan Adobewordpress’in Tumblr sayfasında da kullanılmakta.
Tumblr sayfamıza ulaşmak için buraya ,temalar için ise yazının devamına göz atınız. (daha&helliip;)
Photoshop Çiçek Patternleri
Bu makalemizde sizlere Photoshop çalışmalarınızda kullanabileceğiniz çiçek temalı desenler (pattern) paylaşacağız. Photoshop haricinde birçok fotoğraf editörü de artık .PAT dosyalarını tanıdığı için bu göz kamaştırıcı arşivi kaçırmayın! (daha&helliip;)
Photoshop Pattern (.pat) Dosyaları Nasıl Kurulur ve Çalıştırılır?
.pat uzantılı dosyalar Adobe Photoshop‘un desen koleksiyonlarıdır. Dosyalar içerisinde sınırsız miktarda desen bulundurabilir. Tek kural bu desenlerin 8×8 ile 256×256 piksel boyutları arasında olmasıdır.
Bu küçük pat eklentileri sayesinde Photoshop ile oluşturduğumuz resim ve yazılara birçok çeşit desen uygulayabiliyoruz. Kurulumu ise gayet basit.
Webmaster Araçları
Geçtiğimiz günlerde webmaster araçları Adobewordpress.com’da yerini aldı. Üst kısımdaki menüden Webmaster Araçları bağlantısını izleyerek bu araçlara her zaman erişebilirsiniz. Peki bu araçlar ne işe yarıyor?
- Arama Motoru Kayıtları : Web sayfanızın Google, Yahoo, Bing ve Yandex gibi gelişmiş arama motorları tarafından kaç kere indekslendiğini gösteriyor.
- Sosyal Ağ Analizi : Web sayfanızın sosyal ağlarda ne kadar konuşulduğunu istatistiksel olarak görüntüleyebilirsiniz.
- Alexa İstatistikleri : Web adresinin Alexa değerini, demografisini ve izleyicilerini görüntüler.
- Dizin Kontrolü : DMOZ, Yahoo, Alexa ve Yandex gibi popüler dizinlerde bulunup bulunmadığınızı test etmenizi sağlar.
- Tehlike Analizi : Web sayfanızdaki kötü amaçlı yazılımları tespit eder.
- Metin Uzunluğu Hesaplayıcı : Metinlerin karakter, kelime ve satır sayısını hesaplar.
Tamamı ücretsiz olan webmaster araçlarıyla sitenizi analiz edin!
CSS ile Renkli ve Görsel Geçişli Menü
Web sayfanıza renkli geçişlere sahip etkileyici bir menü hazırlamak ister misiniz? Hem de sadece CSS kullanarak… Aşağıdaki css menü örneğini test ederek başlayabilirsiniz.
(daha&helliip;)CSS Sprite Nedir? Neden ve Nasıl Uygulanır?
CSS Sprite mükemmel tasarımlar oluşturmamızı sağlayan gayet kullanışlı ve hızlı bir teknik.
Görünüşte geçiş efektleri ve görseller olsa da temelinde performans yatmaktadır. Sprite tekniğinin ilk kullanım amacı daha hızlı açılan tasarımlar oluşturmaktı. Fakat CSS3‘ün de aramıza katılışıyla CSS Sprite web geliştiricilerinin güçlü bir silahı haline geldi.
Bu makalemizde Sprite tekniğinin temeline ineceğiz. Beraberinde açıklayıcı bir örnek hazırlayacağız.
(daha&helliip;)