Bu hafta da sizlere yine HTML5 up tarafından hazırlanmış bir temayla merhaba diyoruz. Prologue, hem metin hem de görsel içerikleri barındırabileceğiniz çok amaçlı bir web teması.
Özellikle portfolio & resume için kullanabileceğiniz bu tema benzerlerinin aksine sol tarafa yaslanmış bir menüye sahip. Aynı zamanda one-page tema olan Prologue tamamıyla ücretsiz. (daha&helliip;)
Son birkaç saat içerisinde ziyaret ettiğiniz web sayfalarını hızlıca bir hatırlayın. Farklı amaçlara hitap eden çeşitli arayüzler gözünüzün önünde canlanacaktır. Biraz daha detaylı düşününce aslında bütün bu arayüzlerin belli başlı prensipler üzerine kurulu olduğunu fark edeceksiniz. Özellikle web tasarımı ile meşgul, bu işe saatlerinizi arıyorsanız zaten sözünü ettiğimiz detaylar gözünüzden kaçmayacaktır.
Bu makalemizde web teknolojilerinin (W3C) güçlenmesiyle genişleyen tasarım yelpazeninin son trendleri üzerine konuşacağız. (daha&helliip;)
Bu ay sizlerle HTML5 tasarımlardan oluşan koca bir arşivi tek link altından paylaşacağız. Listede UI tarafında kullanabileceğiniz her türden responsive tasarım mevcut.
İşte tam liste :
Web tasarımını öğrenmek mi istiyorsunuz? CSS ve JavaScript hatta HTML öğrenmek sizi zorluyor mu? Ya da bütün bunlarla uğraşmak için zamanınız yok mu? Doğru yerdesiniz.
Adobewordpress olarak yepyeni bir makale dizisiyle sizlerleyiz.
Karşınızda günümüzün öne çıkan front-end frameworklerinin en popüleri; Bootstrap. Bu makalemizde Bootstrap‘in tam olarak ne olduğu ve ne işe yaradığını konuşacağız, bir HTML iskeleti ile örneğimizi oluşturacağız. (daha&helliip;)
HTML5 ve CSS3 teknolojileriyle her türlü ekran çözünürlüğüne farklı tepki veren tasarımlar oluşturmak mümkün. Özellikle menü ve navigasyon öğeleri için bu tekniği kullanmak neredeyse zorunlu. Daha önce üzerine konuştuğumuz CSS’in @media öğesi sayesinde bu işlem sandığımızdan da kolay.
Bu makalemizde ekran çözünürlüğüne göre 3 farklı şekil alabilen bir navigasyon örneği hazırlayacağız. Örneği görüntüleyerek başlayabilirsiniz.
(daha&helliip;)
Bir diğer ücretsiz WordPress tema arşivimiz ile birlikteyiz.
Bu makalemizin filtresi ise Kişisel (Personal) WordPress temaları olacak. Fakat bu sizi yanıltmasın. Aşağıda listelediğimiz temalar her türden içeriği taşıyabilecek kalitede. Özellikle portfolio olarak size mükemmel bir sunum imkanı sağlayacaklardır. (daha&helliip;)
CSS2, farklı ekran çözünürlükleri için farklı stylesheet atamamızı sağlıyordu. CSS3 ise media sorgulamaları sayesinde tüm bu işlemleri tek dosyada yapmamızı sağlıyor.
CSS3 media sorgulamaları sayesinde her tip ekran çözünürlüğü için tasarımlar oluşturabiliyoruz. Özellikle sayfalarınıza mobil sürüm hazırlarken kullanabileceğiniz media etiketi web tasarımınıda yeni bir devrin başlamasına sebep oldu.
Makalemizin devamında media sorgularını örneklendireceğiz, tanıyacağız ve bu teknik ile hazırlanmış birkaç web sayfası paylaşacağız.
(daha&helliip;)
Responsive WordPress temaları üzerine konuşmaya devam ediyoruz.
Mobil cihazlarının kullanımının artmasıyla Responsive kelimesini daha sık duymaya başladık.İşte karşınızda Ağustos ayında sizler için seçtiğimiz 10 adet ücretsiz WordPress teması.
Liste gayet kaliteli, bu temaların niçin bedava dağıtıldığını merak edeceksiniz. (daha&helliip;)
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.
Merhaba arkadaşlar, bu makalemde sizlerle birlikte bütün cihazlarda sorunsuz görüntülenebilen (responsive) yatay bir menü örneği hazırlayacağız. Yukarıda önizlemesini görüntülediğiniz bu tasarımı canlı olarak test etmek için aşağıdaki “Örneği Görüntüle” linkinden faydalanabilirsiniz.
(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
Web Sitenize Ücretsiz SSL Sertifikası
Bootstrap Class Listesi
Photoshop ile “This is it” Film Afişi Hazırlama