owl carousel bir jQuery plugini olup, kullanışlı ve basit slider menüler oluşturabilirsiniz. İndirmek için tıklayın.
owl carousel bir jQuery plugini olup, kullanışlı ve basit slider menüler oluşturabilirsiniz. İndirmek için tıklayın.
web sitenizi tasarlarken adım adım bir kontrol listesi tutuyorsanız, bu site tam size göre.
Özellikle kurumsal kimlik çalışmalarında kullanılan çeşitli kırtasiye malzemelerinin genel adı olan mockup, örnek model anlamına geliyor.
Aşağıda da görebileceğiniz gibi kalem, kartvizit, antetli kağıt ve antetli zarf gibi kurumsal kimlik hazırlayacağınız çalışmalarda model olarak kullanacağınız mockupları ücretsiz indirebilirsiniz.
İlgili siteye buradan ulaşabilirsiniz. Aynı linkten PSD dosyasını indirebilirsiniz.
iCheck isimli jquery altyapısını kullanan 15 farklı seçenekle radio buton ve checkboxes uygulamaları. Plugini indirmek için bu bağlantıyı takip edebilirsiniz.
Logosu “F” ile başlayan firma ya da ürünlerden bahsetmeyeceğim. Zira herkesin aklına facebook, fila, fuji, ferrari, fedex, finansbank vs. gibi markalar gelebilir. Benim asıl dikkat çekmek istediğim F harfini çok farklı şekillerde tasarlayıp bize sunan logolar. Neden F diye sorarsanız bende bilmiyorum rastlantısal. Belki diğer harfler içinde bir liste yapabilirim ileride. Şimdi sizi bu logolarla başbaşa bırakayım.
Zurb Foundation frameworku ile oluşturulmuş required+ Foundation wordpress temasını blogum üzerinde kullanmaya karar verdim. Tema üzerinde yapacağım değişiklikler bitene kadar localhost’ta çalışacağımdan değişiklikleri buradan farkedemeyeceksiniz. Ama ilk olarak buradan kurulumundan bahsedeyim. Tema 2 bölümden oluşuyor. Parent theme (ben ana tema olarak adlandıracağım) ve Child Theme (ben yavru tema olarak adlandıracağım.) Ana tema üzerinde değişiklik yapmanıza gerek yok hatta sakın dokunmayın. Tema geliştirildikçe ve siz güncellemeleri yaptığınızda etkilenen sadece Ana tema olacak ve görsel olarak değişiklikler yaptığınız yavru tema’ya hiç bişey olmayacak. WordPress aynı kurguyu aşağıda görebileceğiniz gibi twentytwelve temasında da kullanıyor. Bu konuda wordpress’in dökümanları ingilizce ama şurada türkçe bir kaynak var.
Dizin Yapısı
Bizim kuracağımız required+ Foundation wordpress temasında da buna benzer bir dizin yapısı kullanacağız. Temanın son sürümünü şuradan indirip themes dizinine açtıktan sonra aşağıda ki klasör yapısına ulaşacağız.
/wp-content
/themes
/required-foundation // parent theme, sakın dokunma
/required-starter // child theme, istediğin gibi değiştir
required-starter isimli yavru temaya ait klasör adını istediğiniz gibi değiştirebilirsiniz. Daha sonra stil dosyasının içerisinde ki bilgileri de değiştirebilirsiniz.
/* Theme Name: Your Child Theme Name Theme URI: http://example.com/ Author: Your name Author URI: http://yourdomain.com/ Description: Your super awesome description of the theme. Version: 1.0 Template: required-foundation Text domain: yourcustom-textdomain */ /* Make the template work */ @import url(../required-foundation/style.css);
Yanlız aşağıdaki bölümden sadece 2 şeyi kesinlikle değiştirmeyin. Yoksa temanız çalışmaz.
/* ... Template: required-foundation ... */ @import url(../required-foundation/style.css);
Bu arada kendi Text Domain sorgunuz yardımı ile kolayca temayı Türkçeleştirebilirsiniz. 'requiredstarter'
diye aratmanız yeterli olacak.
Temayı etkinleştirip sağını solunu kurcalamaya başlayabilirsiniz. :)
Formlarda sıkca kullanılan CAPTCHA uygulamalarını bilirsiniz. Are you human diyeinde var toplama çıkarma yaptıranıda. Bu seferki uygulama genelde spamdan korunmak için kullandığımız captchalardan çok farklı. Formların altında tek hamlede şahmat yapmamızı isteyen bir satranç tahtası var. Şahmat yap ve formu gönder.
Önceki yazımda framework seçiminden bahsetmiştim ve kazanan benim için Zurb Foundation olmuştu. Yazıdan sonra Foundation ve Bootstrap hakkında bir çok karşılaştırma yazısı okudum. Bazıları bootstrap derken bazıları foundation diyordu. SASS’ı CSS önderleyicisi olarak kullanan foundation için okuduğum şu karşılaştırma yazısıda iyice tercihimi pekiştirdi açıkcası. Kullanıma göre tercihler değişirmi bilinmez. Gelelim foundation ile geliştirilen wordpress temalarına.
Benim şu anda incelediğim 3 tane tema var. Bunlardan reverie isimli temayı ilk olarak eledim. Diğer ikisi üzerinde incelemelerim devam ediyor. Tercihim az çok belli gibi. Required kullanmayı planlamaktayım. Ama yinede henüz karar vermedim. Sonraki yazımda tercihimi ve kısmetse seçtiğim temanın kurulumunu anlatacağım.
Blogumda bazı değişiklikler yaptığımı önceki yazılarımda anlatmıştım. Bu değişikliklerden birisi ise temayı yeniden revize etmekti. Mevcut temayı 2006 yılında sıfırdan tasarlamıştım. O dönemde ki internet teknolojileri ile şimdiki çok farklı yerlerde. Her ne kadar şu an ki temamda bi sıkıntı olmasada güncellemek istiyorum :) Herneyse yeniden kod yazıp wordpress tema hiyerarşisi ile yeni bir tema oluşturmak ve bunu tüm browserlara uyarlamak ayrıca birde mobile platformlarda çalışmasını sağlamak çooook uzun iş. Bende wordpress için framework’ları araştırmaya başladım. Bones, reverie, skeleton, whiteboard, roots, foundation, Carrington, hybridcore, Gantry ve thematic gibi birçok framework’u inceledim. Bunun yanında ücretli olanlarada gözgezdirdim. Şu yazıda bir kaçı verilmiş ücretli frameworkların. Daha sonra tavsiye üzerine (@mkd) ZURB’u incelemeye başladım. Bootstrap ve Zurb Foundation açık kaynak olarak github üzerinden geliştiriliyor ve içlerinde CSS,HTML çalışma kütüphanelerini barındırıyorlar. Üstelik mobil platformlar dahil tüm browserler üzerinde çalışıyorlar. Twitter bootstrap Apache lisansına sahipken Zurb MIT lisansı altında geliştiriliyor.
Twitter bootstrap kullanılarak geliştirilen wordpress temalara şuradan göz atabilirsiniz. Bootstrap daha fazla yaygın twitter’ın arkasında olmasının etkisi büyük tabi. Bu arada twitter bootstrap LESS kullanırken Zurb Foundation SASS kullanıyor. Şurada ki yazı SASS kullanan Zurb Foundation’u seçmemde etkili oldu açıkcası. SASS ve LESS karşılaştırması yapan şu yazıyada göz atmakta fayda var.
Zurb Foundation seçimini yaptıktan sonra geldi Foundation ile geliştirilen temalara. Bir sonraki yazımda da onlardan bahsedeceğim. Görüşmek üzere…
Habana : Bağlantıya tıkladıktan sonra sağ tarafta ki kutuya örnek tutarlardan birini yazıp ücretsiz indirebilirsiniz.
Calendas Plus : Bağlantıya tıkladıktan sonra sol alt tarafta tweet atarak yada facebook’ta paylaşarak ödeme yapabileceğinizi belirten bir link var. Daha sonra ücretisz indirebilirsiniz.
Manteka : Sayfanın altında indirme linki bulunuyor.
Signika : Sayfanın altında ücretsiz indirebileceğiniz link mevcut.
Coco : Fontu indirebilmek için bu bağlantıyı takip edin.