Tam o sırada, başka bir pillinetwork sitesi olan kodaman.org'da: "ASP Round() Fonksiyonu"

Zen Coding
Zen Coding

Bir website tasarımında html kod yazarken ne kadar zaman harcarsınız? Etiketler, özellikler, tırnak işaretleri, parantezler vs. Özellikle de benim gibi bütün karakterleri sıfırdan tek tek yazan biriyseniz sizi bu zaman kaybından kurtaracak ve çok kolayca html/css kodu oluşturabileceğiniz bir uygulamadan bahsetmek istiyorum: Zen Coding.

Zen Coding
Zen Coding

html/css kodu yazmanın en hızlı yolu olan Zen Coding Sergey Chikuyonok tarafından geliştirildi. Hem Mac hem de Windows ortamında çalışabilen versiyonları olan Zen Coding'i kullandığınız editöre (dreamweaver, GEdit vs) entegre ederek iç içe geçmiş en karmaşık div yapılarını oluşturma zahmetinden kısa zamanda kurtulabileceksiniz.

Basit bir örnek verecek olursam,

\

Örneği biraz daha geliştirelim.

\

Gördüğünüz gibi sadece küçük bir formül yapısı ile en basitten en zor div yapısına kadar bütün html kodunu zaman kaybetmeden ve uğraşmadan oluşturabiliyorsunuz. Örnekler sizi yanıltmasın. Sadece "div" tag'lerini değil, "img", "a", "dt", "ul", "li" gibi html yapısında bulunan bütün tag'leri destekleyen bir uygulama bu.

Zen Coding
Zen Coding

Daha karmaşık bir yapıyı nasıl basitçe oluşturabileceğinizi anlatan videoyu buradan izleyebilirsiniz.

Html ile uğraşan bir çok kişinin işine yarayacağına eminim. Kesinlikle denemeye değer bir uygulama.

İndirmek isteyenler için Download Linki

Ayrıca ingilizcesi olanlar daha ayrıntılı açıklamayı kaynaktan okuyabilirler.

Spacer
Spacer
 | 19 yorum var 
 | 26 Kasım 2009 12:24 

Yorumlar

notepad++ desteği geldiği anda vazgeçilmezim olabilir, tuttum

Ege  |  (1 puan) 26 Kasım 2009 12:24

yazıyı ve yorumu tuttum :)

adavut  |  (0 puan) 26 Kasım 2009 12:55

videodaki editör hangisi bilen var mı?

ezoryak  |  (0 puan) 26 Kasım 2009 13:18

@ege++

Anadan doğmak ölmek içindir
marlonbora  |  (0 puan) 26 Kasım 2009 13:18

visual studio için buradan bilgi alabilirsiniz.

OguzhanDemirel  |  (0 puan) 26 Kasım 2009 13:41

Fena degil ama bu sekilde kod yazmak saki kodlama becerisini körertir gibi geldi...

Flashcentury  |  (0 puan) 26 Kasım 2009 16:07

bencede zaten kodları unutuyoruz ama pratik olması güzel tabi

esrankan  |  (2 puan) 26 Kasım 2009 17:00

Yenilikçi güzel bir teknik

Sadece yazıyorum...
aydinunlu  |  (0 puan) 26 Kasım 2009 18:44

hoÅŸuma gittti :)

mayd0s  |  (0 puan) 27 Kasım 2009 09:49

Skybound Stylizer kullanıyorum. Gerçekten stylizer'dan daha iyi bir CSS editörü olamaz. Firebug'ı ve diğer programları çöpe atacaksınız.

xmRipper  |  (2 puan) 27 Kasım 2009 12:31

@ezoryak, editör Apple Leopard altında kullanılan "Espresso" olması lazım.

Zen Coding'i online olarak denemek isterseniz buraya tıklayın. (Not: JavaScript gerektirir.)

"I have no special talent. I am only passionately curious." - Albert Einstein
axanc  |  (0 puan) 27 Kasım 2009 12:49

Zen Coding ile ilgili diğer bir güzel nokta da şu ki sadece

html:xt
yazıp Ctrl + , tuşlarına basarak bütün bir "xhtml transitional" sayfa üretebiliyor olmanız.
{!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"}
{html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"}
{head} {title}{/title} {meta http-equiv="content-type" content="text/html;charset=utf-8" /}
{/head}
{body}

{/body}
{/html}

"I have no special talent. I am only passionately curious." - Albert Einstein
axanc  |  (0 puan) 27 Kasım 2009 13:00

html kodlamak için yeni bir kodlama gibi sanki..
acaba daha kolay nasıl bir şey olurdu?

birgün ama birgün..
myp  |  (0 puan) 28 Kasım 2009 21:29

Aslında Intype vardı bide. Auto-complete konusunda aynı mantığı kullanan, etkileyici renk temaları olan, Prado framework desteği bile olan ama 0.3.x Alpha versiyonundan öteye bir türlü geçemeyen bir editördü.

devilfeed  |  (0 puan) 30 Kasım 2009 23:52

güzel bir araç teşekkürler. expression web için desteği var mı? veya kendisi ayrı bir şekilde kurulabilir mi?

eofis  |  (0 puan) 01 Aralık 2009 16:42
sadece html:xt

yazıp Ctrl + , tuşlarına basarak bütün bir "xhtml transitional" sayfa üretebiliyor olmanız.

HTML 5'te artık o kadar şeye gerek kalmadı. Sadece

!DOCTYPE html

yazılması yeterli.

KenanBalamir  |  (0 puan) 05 Aralık 2009 19:38

Apple gerçekten çok güzel ürünler geliştiriyor

kenanabay  |  (0 puan) 23 Mart 2010 21:50

Yaşasın notepad++ desteği gelmiş support sayfasında öyle diyo :)

cetgin  |  (0 puan) 20 Haziran 2010 13:59

notepad++ desteğinin geldiğini şimdi gördüm. süper haber gerçekten de.

siriusbee  |  (0 puan) 10 AÄŸustos 2010 13:11

üye olunpillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.

Bu Yazıyı Tutanlar

Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.

Bu yazıyı rapor et. Kural dışı içeriğe rastladığınızda editörlerimize rapor ederek müdahale edilmesini sağlayabilirsiniz. (Hangi durumlarda rapor edebilirim?)
bildirgec.org bölümleri
pillinetwork hesabınızla giriş yapın.

son yorumlar

bildirgecinfo

bildirgec.org içeriği kullanıcıları tarafından üretilen kolektif bir blogdur.

network siteleri

RSS Dosyası
pillikutu