Görseller, metinlere kıyasla daha kolay hatırlanabilir tasarım öğeleridir. Örneğin dünyanın her yerinde tuvaleti ifade eden görsel aynıdır.
Ayrıca iconlar universal öğeler oldukları için yabancı sitelerde bile navigasyonu kolaylaştırırlar.
Bu makalemizde WordPress sitenizdeki menülere nasıl icon ekleyeceğinizi anlatacağız. (daha&helliip;)
HTML5‘in ayak sesleri duyulduğunda çok sert bir geçiş sürecinin bizi beklediğiniz düşünmüştük. Fakat korkulan olmadı. Eski elemanlara sağlanan destek yavaşça kesildi ve HTML5’in yenilikleri yerlerini teker teker aldı.
Bu makalemizde HTML5’in beraberinde getirdiği elemanları ve tarihin tozlu sayfalarına gömülecek olan eski kod birimlerini konuşacağız.
İşte karşınızda ilk ve tek tam liste! (daha&helliip;)
CSS ile birçok button hazırladık. Fakat yukarıda gördükleriniz basılma hissiyatını en çok verenler.
Box-Shadow ile hem 3 boyut hem de basılma efekti oluşturacağız. Yani buttonu tasarlarken bir yandan da hover için alt yapı oluşturmuş oluyoruz. Bu şu demek oluyor; 50% daha hızlı yüklenen buttonlar ve aynı oranda artan performans.
(daha&helliip;)“Bu makalede hazırlayacağımız buttonlar performans-tasarım açısından en iyiler listemde.”
Üniversite hayatımın son yılında yazmaya başladığım “The Differences Between Web 1.0 and Web 2.0” konulu tezim hiç yönelmediğim, web tasarımının sosyal yönünü bana öğretti.
WWW içinde fazlasıyla yer etmiş onlarca akademisyenin çalışmalarını okumak üniversite eğitimi hayatımdaki tek verimli dönem olmuştu.
Bu makale dizesinde web geliştiricilerinin bilmesi gereken bazı ipuçlarından bahsedeceğiz. Web teknolojilerini verimli kullanarak sayfalarımızı geliştireceğiz bir yandan da SEO dostu tasarımı konuşacağız.
Okumakta olduğunuz makale sizlerle etkileşim içinde gelişecektir. Önemli bir bilgi bankası olana kadar genişlemeye devam edecektir. (daha&helliip;)
Web sayfalarında form objeleri dışında birçok türde buttonlar kullanılmakta. Bu dersimizde link, buttonlar,spanlar ve diğer tüm sınıflar için kullanılabilir kutular tasarlayacağız.
Ne yapacağımıza kısaca değinecek olursak ; ilk olarak basit bir taslak hazırlayacağız, sonrasında ise bu taslak üzerinden 5 adet örnek yapacağız.
(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
10 Ücretsiz Material Design HTML Template
Responsive Akordiyon (Collapsible)
Photoshop ile Güvenlik Kamerası Görüntüsü Nasıl Yapılır?
Photoshop ile Sis Efekti