Gridulator: Grid Oluşturma Aracı

Gri­du­la­tor ile web say­fa­nızda kul­la­na­ca­ğı­nız grid ima­jını kolayca oluş­tu­ra­bi­li­yor­su­nuz, tek yap­ma­nız gere­ken oluş­tu­ra­ca­ğı­nız grid’in özel­lik­le­rini yaz­ma­nız, geri­sini Gridulator’a bıra­kın ve size sun­duğu seçe­nek­ler ara­sın­dan han­gi­sini kul­lan­mak isti­yor­sa­nız, Make PNG buto­nuna tık­la­ya­rak PNG for­ma­tın­daki dos­yayı indi­re­bi­lir­si­niz, veya Pre­view buto­nuna tık­la­ya­rak öniz­leme yapabilirsiniz.

Ayrıca bu araç ile kul­la­na­bi­le­ce­ği­niz bir başka güzel web ser­vi­sini de ile­riki gün­lerde siz­lerle pay­la­şa­ca­ğım. Takipte kalın. :)

CSS Sticky Footer

Footer bir blog için belki de en önemli bölüm­ler­den birisi, çoğu tasa­rımda yal­nızca telif hakkı bil­gisi yer alan footer kıs­mını, aslında daha verimli de kul­la­na­bi­lir­si­niz. Oraya hak­kı­nızda bilgi, son yazı­lar, son yorum­lar gibi iste­di­ği­niz şeyleri ekle­me­niz müm­kün. CSS Sticky Footer deni­len olay da bu zaten. Footer’ı say­fa­nın en altına sabit­li­yo­ruz. Deva­mını okuyun →

CSS3 Generator

Bu yazıda harika bir web ser­visi ile tanış­tı­ra­ca­ğım siz­leri. CSS3 Gene­ra­tor tasa­rım­la­rı­nızı hız­lan­dır­ma­nıza yar­dımcı ola­cak harika bir ser­vis. CSS3 Gene­ra­tor, adın­dan da anla­şı­la­cağı gibi; border-radius, box-shadow, @Font Face gibi bazı CSS3 özel­lik­le­rini kısa bir sürede oluş­tur­ma­nızı sağlıyor.

Tek yap­ma­nız gere­ken CSS3 Gene­ra­tor web site­sini ziya­ret etmek, ve açı­lır menü­den bir özel­lik seçip, değer­leri girmek.

Aynı zamanda öniz­leme özel­li­ğine de sahip. Böy­lece yap­tı­ğı­nız deği­şik­lik­leri anında görebilirsiniz.

http://css3generator.com/

Yeni Tasarım: mkblogv2 WordPress Teması

Mer­haba arka­daş­lar! Blo­gu­mun yeni tasa­rı­mını bitir­dim ve aktif ettim. Muh­te­me­len bazı yer­lerde eksik­ler bula­cak­sı­nız, her ne kadar eksik­leri düzelt­miş olsam da göz­den kaçır­dık­la­rım ola­bi­lir. Bu yüz­den gör­dük­le­ri­niz olursa lüt­fen yorum yoluyla bana bil­di­rin. Şimdi tema­daki bazı özel­lik­lere yer vereyim:

Son Gün­cel­leme Tarihi: 01.10.2011

  • Temada koyu kır­mızı (#920624) ren­gine biraz ağır­lık verdim.
  • Yazı baş­lık­la­rında Cufon özel­li­ğini kul­lan­dım. 1.1 ver­si­yo­nunda bu özel­li­ğini iptal ettim.
  • Yan menü­deki düzen bir önceki tema­daki gibi oldu. Yal­nızca tab menüde bir deği­şik­lik yap­tım ve Soh Tanaka’nın yap­mış olduğu bir tab menu kullandım.
  • Tab menü­nün altına ufak bir rast­gele yazı bölümü ekle­dim. Biraz daha fark­lı­lık yara­ta­ca­ğını düşündüm.
  • Ayrıca bir eklenti saye­sinde delicious’a ekle­di­ğim yer imle­rini yan menüde listedim.
  • Aynı zamanda Sos­yal Ağlar ve son Twit­ter gün­cel­le­memi içe­ren iki adet yeni bölüm daha ekledim.
  • Ana say­fa­daki yazı altında yer alan bil­gi­len­dirme bölü­münü tabii ki eburhan.com’dan esin­le­ne­rek yap­tım. Tıpkı bir önceki tasa­rımda olduğu gibi.
  • Single.php / yani yazı say­fa­sına gir­di­ği­nizde ise, yorum bölü­münde bir­kaç fark­lı­lık yap­tım, yazı­nın hemen altına: Yazı hak­kında genel bir bilgi metni, ben­zer yazı­lar ve yazıyı pay­laş bölümü içe­ren bir tab menu ekledim.
  • Yorum­larda cevapla (reply) özeli­ğini aktif ettim.
  • Tasa­rımda kul­lan­dı­ğım ikon set­leri: fam­fam­fam’dan silk ikon seti ve komodomedia.com’dan sos­yal medya ikon seti.
  • Ayrıca tasa­rımı yapar­ken amberweinberg.com ve yakuter.com’daki şu iki yazı­dan faydalandım.
  1. How to Build a WordP­ress CMS Theme
  2. Gün­lük­le­ri­niz İçin 10+ İşlev­sel Özellik

Bunun dışında söy­le­ye­bi­le­ce­ğim bir şey yok. Sizin de tav­si­ye­le­ri­niz varsa bazı­la­rına şans vere­bi­li­rim. Geri bil­di­rim­le­ri­niz benim için çok önemli. Ve son ola­rak uma­rım bu temayla bir­likte içe­ri­ğie de önem verebilirim.

Bir önceki tasa­rımı (mkT­heme) da şura­dan indirebilirsiniz.

jsFiddle — Online Kod Editörü

jsFiddle, MooTo­ols, jQu­ery, Pro­totype, YUI, Glow ve Dojo gibi framework’leri ve HTML ile CSS dil­le­rini des­tek­le­yen bir online kod edi­törü. Ancak diğer kod edi­tör­leri gibi değil. jsFiddle’ın en büyük farkı, yaz­mış oldu­ğu­nuz beti­ğin çalı­şır halini göre­bil­me­niz, yaz­dı­ğı­nız betik­leri kay­de­de­bil­me­niz ve direkt link veya embed yoluyla webde paylaşabilmeniz.

Ben de henüz alpha sürü­münde olan jsFiddle’ı blo­gum için kul­lan­maya baş­la­dım. Önce­den, yaz­mış oldu­ğum bazı yazı­lar için demo say­fa­ları hazır­lı­yor­dum, jsFiddle ile ise bunu yap­mama gerek kal­mı­yor. Gerekli kod­ları jsFiddle’a ekli­yor, ve embed koduyla blo­guma ekli­yo­rum. Böy­lece ayrı bir demo say­fası hazır­la­mama gerek kal­mı­yor. İşte bir­kaç örnek yazı: