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’in transition (geçiş) özelliği ile nasıl animasyonlar hazırlayacağımızı öğrenmiştik. Bu makalemde ise JavaScript desteği ile sayfaya girildiğinde otomatik olarak renklenen başlıklar hazırlayacağız. İşin güzel kısmı ise bunu hiçbir görsel kullanmadan yapacak olmamız.
(daha&helliip;)
Bildiğiniz gibi Nyan Cat internetin en çok tanınan simalarından birisi. Ama daha önce Nyan isimli bu kediyle tanışma fırsatınız olmadıysa sizi buraya alabiliriz.
Grunge birçok anlama gelmekte. Bunlardan en yer etmiş olanı Rock müziğindeki tür. Ama benim anlatmak istediğim kirli ve yıpranmış tasarım türü.
İlk olarak yazılarımızın üzerinde kullanacağımız görüntüyü oluşturuyoruz. Bu yapı için transparan desteğine ihtiyacımız var, bu yüzdendir ki ben PNG formatını tercih ettim.
Bu tekniğin temeli CSS ile Gradient Yazı tekniğiyle aynıdır. Sadece minik bir varyasyon oluşturuyoruz.Bu tekniğin bütün detaylarını incelemek için üstte belirttiğim konuyu inceleyiniz.
Sizlerin de bildiği gibi h1,h2 ve h3 gibi taglar SEO değeriniz için çok önemli. Bu yüzden bu başlık tiplerini sık sık kullanmamız gerekiyor. Bu kadar çok görünen yazı-tiplerinin de güzel bir görünüşe sahip olması lazım değil mi?
Bu yüzden başlıklarınızı şekillendirmenizde sizi yardımcı olması için birkaç makale hazırlıyorum. (daha&helliip;)
Merhaba arkadaşlar ;
Bu paylaşımımda sizlere temel teşkil etmesi bakımından Css hakkında kısa bir ön bilgi vermek istiyorum.Bundan sonraki Css paylaşımlarımda daha ayrıntıları konulara değineceğim için böyle bir giriş yapmak istedim.Aslında amacım blog üzerinden sade ve faydalı bir kaynak oluşturup,bilmeyenlerede en azından Css‘in tam olarak ne işe yaradığını ve az da olsa css kullanımını öğretmektir.
İlk olarak Css nedir bunun tanımını yapalım.
Css’in açılımı Cascading Style Sheets’tir.Yani Stil Şablonları.
Peki bu ne demek diyecek olursanız web tasarımıyla uğraşan arkadaşlar bilirler ki Css kullanımı başlamadan önce tasarımlarımızda belirlediğimiz her eleman için ayrı renk tanımlamaları gibi özellikler belirlerdik ve teker teker her element için uğraşırdık.Css’in kullanımı işte burda devreye giriyor.
Artık eskisi gibi her element için ayrı ayrı özellikler tanımlamaktansa bu özellikleri bir kere stil dosyamızda tanımlayarak sayfamıza dahil edebiliriz.
Eski sisteme bir örnek vermek gerekirse çok sayfalı bir tasarımımız var ve her sayfadaki başlıkları tek tek düzenliyoruz.Harcadığımız zamanın haddi hesabı yoktur.Fakat css yardımıyla h1 olarak tanımladığımız başlık yapılarına bir defaya mahsus özellik tanımlamalarını yaparak diğer sayfalardaki h1 taglarının mevcut olduğu başlıklarıda bu kod sayesinde düzenleyebilir,1 satır kod değiştirerek hepsinin özelliğine ulaşabiliriz. (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;)
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
Photoshop ile Gözlüğe Yansıma Ekleme
Photoshop ile Terk Edilmiş ve Yıkılmış Şehir Efekti
WordPress Kullanıcılarına .htaccess İpuçları
Photoshop ile Gerçekçi Sinema Efekti