Çok değil, birkaç yıl önce sağdaki animasyonun dosya tipinin ne olduğunu sorsalardı SWF veya herhangi bir video formatı olduğunu iddia ederdim.
Günümüzdeki kod sistemleriyle bu tarz sunumları hazırlamak için çok fazla çaba sarfetmenize gerek yok. Birkaç satır JavaScript kodu ve tasarım unsurlarına az da olsa hakim olmanız neredeyse yeterli. Nasıl mı? Hadi derse başlayalım.
(daha&helliip;)Merhaba arkadaşlar.
Bu makalemizde CSS’in Blur efektini kullanarak tanım ve slogandan oluşan gayet etkileyici bir logo (başlık örneği de olabilir) hazırlayacağız. Öncesinde örneği görüntülemek isteyebilirsiniz.
WordPress ve türevi web sayfaları için bir çok sosyal ağ buttonu mevcut. Bunları daha önce eklentiler kategorisi altında ele almıştık.
Şimdi ise CSS3 ve HTML kodları kullanarak kendi sosyal ağ buttonlarımızı hazırlayacağız. Örnekte Twitter, Facebook ve Google Plus için buttonlar bulunmakta. İstek dahilinde çoğaltılabilmesi gayet basit.
(daha&helliip;)
Bu paylaşımımda sitenize görsellik açısından ayrı bir hava katacak olan h taglarının css yoluyla görsel açıdan nasıl geliştirileceğini anlatıcağım.H tagları hem görsellk açısından hemde Seo açısından büyük öneme sahiptir.Arama motorlarının konularımızı gözden geçirmesi sırasında h1,h2,h3 gibi tagları ilk olarak göze aldığını biliyoruz,Seo dışında geliştirildiğinde sitemizede görsel açıdan büyük bir katkıda bulunur,Çünkü her paylaşımımızda yada menülerimizde mutlaka bulundurduğumuz bir etikettir heading tagları.
Bende bu paylaşımımda sizlere h taglarını nasıl görsel açıdan nasıl zenginleştireceğimizi anlatıcağım.
h taglarını kullandığımızda karşımıza çıkan görüntü genelde aşşağıdaki gibi seçtiğimiz bir fontla yazılmış,yüksek font değerlerine sahip bir görüntüdür; (daha&helliip;)
Photoshop ile Yazılardan Portre Oluşturmak
CodePen’de Yapılmış En Etkileyici 10 Çalışma
10 Ücretsiz Material Design HTML Template
CSSGram ile Resimlerinize Instagram Filtresi Ekleyin