CSS3 ile birlikte tasarım yelpazemiş genişledi. HTML5 ile de kod dizinlerimiz daha derli toplu bir hal aldı. O zaman bu avantajları kullanarak yeni bir navigasyon menü hazırlayalım. Hem de JavaScript kullanmadan!
(daha&helliip;)örnek
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;)WordPress Sitenize Muhteşem jQuery Menüler Hazırlayın
Merhaba arkadaşlar. WordPress eklentileri konulu bu yazımda yeni sayılabilecek bir menü eklentisinden bahsedeceğim.
JQuery Vertical Mega Menu Widget isimli bu eklenti WordPress sitenize gayet şık menüler eklemenizi sağlıyor. Bu işlemi ise neredeyse saniyeler içerisinde yapıyor. Kullandığı jQuery desteği ile açılabilir yapılabilen menüler sitenize widget olarak ekleniyor. Ayrıca sizler için hazırlanmış 8 adet menü tasarımı gayet şık duruyor.
Hadi incelememizi biraz detaylandıralım. (daha&helliip;)
HTML5 ve CSS3 ile Button Örnekleri
Daha önceki yazılarımda HTML5’in yeni elemanlarını tanımıştık. Şimdi onlardan birini, aside’ı kullanarak birkaç button hazırlayalım.
Beraberinde CSS3 ile aramıza katılan çerçeve özgünleştirme özelliklerini de kullanacağız. Ve tabiki :before :after bölümleri ile objelerimizin sol ve sağ taraflarında farklı farklı stiller oluşturacağız.
Aside nasıl kullanılır?
HTML 5 offers a new element to mark additional information that can enhance an article but isn’t necessarily key to understanding it.
Yukarıda da anlatıldığı aside çeşitli metinlere destek amaçlı oluşturulabilecek küçük anlatımlardır. Yazının altında duran alıntı metinler gibi olduğu söylenebilir. Kullanılması zorunlu değildir fakat uzun makalelerde anlaşılabilirliğin arttırılması için tavsiye edilir. Biz ise yeni kod birimini button olarak kullanacağız. HTML5’in temelinde aside’ın button işlevine dair bir anlatım yok. Fakat HTML5’in sunduğu en büyük yenilik özgürlük!
(daha&helliip;)İlham Veren & En Dikkat Çekici Logolar
Bir diğer ilham verenler konumuzla herkese merhaba.
AdobeWordPress’in logosu üzerinde çalıştığımız bugünlerde birçok dikkat çeken logoyu inceledik. Ve bunların arasından en iyi 45 tane logoyu sizinle paylaşmak istedik. Karşınızda logo çizerken ilham alabileceğiniz en iyi örnekler :
1.Wine
CSS Kullanarak Button Tasarlamak
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;)the_category Konu Kategorilerini Gösterme
Merhabalar. Konumuz WordPress’in the_category fonksiyonu.
the_category fonksiyonu query içinde kullanacağımız bir fonksiyon. Örneğin; anasayfamızdaki konuların listelendiği döngünün içinde kullanırsak yazıların hangi kategorilere ait olduğunu yazdırır.
Bu fonksiyonun çalışma prensibini inceleyerek dersimize başlayalım.
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 CD Kaplama & Giydirme (Bob Marley Cover)
Photoshop’a Alternatif 10 Resim Editörü
Ders 3 : Bootstrap İkon Kullanımı
Mobile App Tasarımına Başlamadan Önce