Posts in CSS

WordPress tema tasarımı ve tema seçimi 2

CSS Tasarım WordPress

Twitter Bootstrap ve Zurb Foundation

Ö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.

Zurb Foundation ile geliştirilmiş WordPress Temalar

  • Required+  6 farklı sayfa şablonu barındırıyor. Geniş bir kullanma klavuzu var ve sürekli geliştiriliyor. Foundation 3.2.5 üzerinde çalışıyor ama yeni sürümle Foundation 4.0’a geçileceği duyurulmuş.
  • Reverie çok fazla ilgimi çekmedi ama yinede inceleyebilirsiniz.
  • WP-Foundation 4 adet sayfa şablonu var. Foundation 3.0 üzerinde çalışıyor. required’e göre tasarımı daha farklı ama daha yavaş geliştiriliyor.

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.

 

WordPress tema tasarımı ve tema seçimi 1

CSS Tasarım WordPress 1 Comment

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.

sass-less-cover

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…

StackSlider 3D Image Slider

CSS Tasarım

StackSlider

Çalışmalarınızda kullanabileceğiniz güzel bir image slider örneği. İleri butonuyla 3 boyutlu bir efektle fotoğraf yığınlarını andıran bir animasyon oluşturuyor.  Sanki fotoğrafı bir yerden alıp diğer bir yere koymuşsunuz gibi bir efekt ortaya çıkıyor. jQuery ve CSS ile güzel bir çalışma olmuş. Ayrıca yorumlar da denk geldiğim birde dribbble  API ile  yapılmış versiyonu var.

StackSlider 3D Image Slider’in kaynak kodlarını buradan indirebilirsiniz.

CSS Toolbox (Ücretsiz CSS Editör)

CSS Yazılım 3 Comments

CSS Toolbox, piyasada bulunan çoğu ücretli editörün işini yapabilen güzel bir program.

Başlıca özellikleri şöyle,

  • Basit ve hızlı kullanılabilirlik,
  • Otomatik kod tamamlama ve renklendirme,
  • Yazdığınız kodları hatalara karşı tarayabilme,
  • Kodlarınızı sıkıştırarak %70’e kadar azaltılan dosya boyutu,
  • W3C CSS Validator ile entegrasyon ve daha fazlası…

CSS Toolbox’ı hemen indirin

CSSClip’e eklendik

CSS Günlük 3 Comments

cssclip

Daha önce Türkçe içerikli olan CSSGaleriye eklendiğimizi duyurmuştum. Şimdi de cssclip’e eklendik.. Daha nice galerilere eklenme ümidiyle :D

CSS Tab Designer

CSS Yazılım 6 Comments

css tab

CSS Tab Designer isimli bu program sayesinde websiteleriniz için kolay ve hızlı bir şekilde css destekli sekmeli menüler oluşturabilirsiniz..içerisinde 60’tan fazla renk ve şablon seçenekleri mevcut..

Download (1.35 MB)

Önizleme

Programın Websitesi

Cssvista ücretsiz css editör

CSS Yazılım 3 Comments

stil dosyalarınızı düzenleyebileceğiniz aynı zamanda firefox ve ie ile nasıl görüneceğini aynı sayfa üzerinden görebileceğiniz bir css editor.. kurabilmeniz için Microsoft .NET Framework 2 e ihtiyaç duyuyor. cssvista’yı direkt olarak buradan indirebilirsiniz…