http://www.bildirgec.org/ tr-tr 40 bildirgec.org - zehirli_ - beğendikleri zehirli_ <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/zen.jpg' alt="Zen Coding" border="0"><br>Zen Coding</div> <p>Bir <a href="http://www.bildirgec.org/etiket/website">website</a> 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: <a href="http://www.bildirgec.org/etiket/Zen-Coding">Zen Coding</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/html.jpg' alt="Zen Coding" border="0"><br>Zen Coding</div> <p><a href="http://www.bildirgec.org/etiket/html">html</a>/<a href="http://www.bildirgec.org/etiket/css">css</a> kodu yazmanın en hızlı yolu olan <strong>Zen Coding</strong> Sergey Chikuyonok tarafından geliştirildi. Hem <a href="http://www.bildirgec.org/etiket/Mac">Mac</a> hem de <a href="http://www.bildirgec.org/etiket/Windows">Windows</a> ortamında çalışabilen versiyonları olan Zen Coding'i kullandığınız editöre (<a href="http://www.bildirgec.org/etiket/dreamweaver">dreamweaver</a>, GEdit vs) entegre ederek iç içe geçmiş en karmaşık div yapılarını oluşturma zahmetinden kısa zamanda kurtulabileceksiniz.</p> <p><!-- buradan kes --></p> <p>Basit bir örnek verecek olursam,<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/div1.jpg' alt="\"\"" border="0"><br></div></p> <p>Örneği biraz daha geliştirelim. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/div.jpg' alt="\"\"" border="0"><br></div></p> <p>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 "<a href="http://www.bildirgec.org/etiket/div">div</a>" tag'lerini değil, "img", "a", "dt", "ul", "li" gibi html yapısında bulunan bütün tag'leri destekleyen bir uygulama bu.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/siriusbee/video.jpg' alt="Zen Coding" border="0"><br>Zen Coding</div> <p>Daha karmaşık bir yapıyı nasıl basitçe oluşturabileceğinizi anlatan videoyu <strong><a href="http://vimeo.com/7405114">buradan</a></strong> izleyebilirsiniz.</p> <p>Html ile uğraşan bir çok kişinin işine yarayacağına eminim. Kesinlikle denemeye değer bir uygulama.</p> <p>İndirmek isteyenler için <strong><a href="http://code.google.com/p/zen-coding/">Download Linki</a></strong></p> <p>Ayrıca ingilizcesi olanlar daha ayrıntılı açıklamayı <a href="http://www.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/">kaynaktan</a> okuyabilirler.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/zehirli_">zehirli_</a> tarafından <a href=" http://www.bildirgec.org/yazi/zen-coding-html-css-yazmanin ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 26 Nov 2009 10:24:00 GMT 228108@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/zen-coding-html-css-yazmanin