Günümüz web tasarımının en popüler HTML, CSS ve JS frameworklerinden biri olan Bootstrap bünyesinde yüzlerce class barındırmakta. Liste bu kadar uzun olunca hatırlanması da güçleşiyor.
Adobewordpress sizler için bu geniş listeyi tek ekranda topluyor. (daha&helliip;)
Özellikle mobil uygulamalarda gördüğümüz açılıp kapatılabilir menü örnekleri artık web tarafında da fazlasıyla kullanılıyor. Minimalist tasarımın vazgeçilmezi haline gelen bu yapı, genellikle responsive web sitelerin mobil versiyonlarında navigasyon yükünü sırtlıyor.
Bu makalemizde CSS ve biraz da jQuery desteğiyle açılıp kapatılabilir şık bir menü tasarlayacağız.
(daha&helliip;)
Geride bıraktığımız makale ve videolarımızda Photoshop ile iki adet metalik yazı (#1 ~ #2) örneği hazırladık. Sıra geldi benzer teknikler kullanılarak istediğimiz boyutlardaki bir yüzeyi metale çevirmek.
Apple‘ın tasarımlarında ve sunumlarında sıklıkla kullandığı odak merkezli metalik yüzey Photoshop ile saniyeler içerisinde hazırlanabiliyor. Bu makalemizde sadece 2 adımda bu tasarımı çizeceğiz.
Hazırsanız başlayalım. (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;)
Twitter, Facebook, Google+ ve YouTube gibi sosyal ağlarda yer almak artık tercih olmaktan çıktı. Durum böyleyken WordPress web sayfanızda sosyal ağ takipçi sayısını göstermek ister misiniz?
Bu makalemizde Social Count Plus üzerine konuşacağız.
Bu eklenti sayesinde sadece sosyal ağ istatistiklerini değil, sitenizdeki konu ve yorum sayısını da yayınlayabiliyorsunuz. Birden fazla arayüze sahip eklenti fazlasıyla kullanışlı. (daha&helliip;)
WordPress sitenizde, makaleleriniz altında yazar bilgi kutusu yayınlamak istemez misiniz? Ayrıca bu işlemi eklenti kullanmadan yapacağız desek? Arkanıza yaslanın ve makalemizin devamına göz atın. (daha&helliip;)
Sosyal ağların günden güne büyümesi tasarımcıları, bu alanlardaki kitlelerini genişletmeye zorluyor.
Önceki makalelerimizde birçok sosyal ağ iconu paylaşmıştık. Fakat bu sefer CSS3 desteğiyle performans dostu bir sosyal ağ kutusu hazırlayacağız. Görsel açıdan da şık olan bu kutuyu çok beğeneceksiniz!
(daha&helliip;)
Photoshop derslerimiz Diabolical fotoğraf efekti ile devam ediyor.
Diabolical efekti, fotoğraflardaki hakim renk tonlamalarına zıt renkler katmamıza ve genel anlamda bir koyuluk oluşturmamıza yardımcı olur. Diabolical’in Türkçe anlamı şeytan işi olsa da yaptığımız bu efekt çoğu renk tonlarında fotoğrafa beyaz türevi renkler katacaktır. (daha&helliip;)
Adobewordpress olarak çok sık olmasa da konu dışına çıkıyoruz. Bugün sizlerle 2 adet Tumblr temasını paylaşacağız. Temaların ikisinin de ortak özelliği sade bir arayüze sahip olmaları. Ajoen tarafından hazırlanan bu şık temalardan Oka isimli olan Adobewordpress’in Tumblr sayfasında da kullanılmakta.
Tumblr sayfamıza ulaşmak için buraya ,temalar için ise yazının devamına göz atınız. (daha&helliip;)
Photoshop ile Arkaplan Temizleme (Dekupe) ve Fırça Yapımı
10 Ücretsiz Material Design HTML Template
Photoshop ile Flat Icon Hazırlama
After Effects Ders 1 : Giriş