Bu hafta daha detaylı ve sert renklere sahip bir temayla sizlerleyiz. Agency, isminden de anlaşılacağı gibi küçük iş tipleri ve ajanslar için kullanılabilecek şık bir web sunumu. Tek sayfalık yapıda hazırlanmış yapı gücünü ve fonksiyonelitesini Bootstrap’den alıyor.
Aradığınız şık ve kullanışlı bir tasarım ise Agency sizin için doğru tercih olabilir! (daha&helliip;)
Verti, HTML5 ve CSS3 ile hazırlanmış minimalist yapıdaki bir web teması. Gri noise bir arkaplan üzerine açık renklerden kurulu tasarım büyük puntolu yazı ve köşeleri yumuşatılmış resimlerle şık bir görüntü oluşturuyor.
Sadece, hızlı ve geliştirilebilir bir tasarıma ihtiyacınız varsa HTML5up’ın hazırladığı Verti tam sizlik! (daha&helliip;)
SeeFolio bireysel kullanımlar için uygun bir ücretsiz web teması. HTML5 ve CSS3 ile hazırlanmış bu responsive tasarım flat renklerle süslenmiş.
Ayrıca Bootstrap ile hazırlanmış olması da kolay yönetilebilir ve değiştirilebilir olmasını sağlıyor. (daha&helliip;)
Bu makalemizde hem metin hem de görsel içeriklerinizi şık bir şekilde sunmanızı sağlayan akordiyon tasarımı hazırlayacağız. Bu yapı açılabilir/kapanabilir (collapsible) diye de isimlendirilmekte.
HTML5 elemanlarını CSS3 ve jQuery desteğiyle şekillendireceğimiz bu tasarım aynı zamanda liquid yapıda. Yani tüm taşınabilir cihazlara (responsive design) uyum gösteriyor.
(daha&helliip;)
Bu hafta sizlerle Colorlib tarafından hazırlanan Dazzling temasını paylaşıyor olacağız. Türkçede göz ‘kamaştırıcı’ anlamına gelen Dazzling isminin hakkını veriyor.
Yeşil tonlamaların hakim olduğu tasarımda klasik bir blog yapısı Bootstrap altyapısıyla destekleniyor. Barındırdığı şık footer tasarımı da koyu tonlamalarıyla bütünlüğü koruyor. (daha&helliip;)
Seriyi bozmuyoruz ve yine HTML5 up tarafından hazırlanmış şık bir temayla sizlerle buluşuyoruz : Aerial
600 KB’dan oluşuyor olması sizleri şaşırtmasın, geçişli bir arkaplana sahip bu tema tek bir ekrandan oluşmakta. Özellikle kişisel kullanım için uygun bu tasarım Font Awesome ile sosyal ağ ikonlarını anasayfanıza eklemenizi sağlıyor. (daha&helliip;)
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;)
Bugün sizlerle HTML5 ile gelen figure ve figcaption tanımlarını CSS3‘ün animasyon öğeleriyle süsleyerek şık resim açıklamaları oluşturacağız. Bu işlemi daha önce, HTML5 öğeleri olmadan benzer yollarla “CSS ile SEO ve performans dostu harika resim açıklamaları” başlığı altında hazırlamıştık. Eski makalemizi güncellemektense bu süreçte gelişen teknolojinin nimetlerinden yararlanarak yenisini hazırlamaya karar verdik.
(daha&helliip;)Merhaba arkadaşlar.
Daha önce öğrendiğimiz CSS gölge satırlarını bugün detaylandırıyoruz. Çıkış noktamız yine box-shadow, fakat bu sefer gölgelerde bile boyutlandırma işlemi yapacağız.
Bahsettiğimiz gibi ilk gölgelendirme yazımızda (görüntülemek için tıklayın) temel teknikleri konuşmuştuk. Sonrasında box-shadow kod birimi ile çoklu border sistemini öğrenmiştik. Aslına bakarsanız gölgelendirme üzerine birçok yazımız mevcut. Makalenin en altındaki ilgili konular alanına göz atabilirsiniz.
Şimdi yavaş yavaş başlayalım.
(daha&helliip;)
Google‘ın ses getiren tasarım trendi Material Design ile birlikte görmeye alıştığımız dalgalanma efektini CSS ve jQuery ile hazırlamak mümkün. Bu şık efekt kullanıcıya tıklama hissiyatını vermenin yeni yolu. Özellikle web sayfanızın mobil ekranlarında kullanmanızı önerebileceğimiz bu tasarımın örneğini aşağıdan görüntüleyebilirsiniz.
Bu dersimizde su dalgalanmasını andıran bir tıklama efekti hazırlayacağı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
CSS ile Form Tasarımı
Photoshop ile Dramatik Fotoğraf Efekti -1-
Bootstrap Class Listesi
Sadece HTML5 ile Geliştirilmiş 20 En Etkileyici Oyun