alishokr
جمعه 28 آبان 1389, 19:36 عصر
با عرض سلام .
اگه زیاد کد HTML می نویسید ، مطمئنا استفاده از Zen Coding دنیای شما رو تغییر میده .
3 روز پیش وقتی داشتم اخبار روزانه ی CodeProject رو میخوندم با Zen Coding آشنا شدم .
شیوه ای جدید برای نوشتن کدهای HTML در قالب Selector های CSS .
مثال زیر رو در نظر بگیرید:
<div id="wrapper">
<div id="header"><a href=""></a></div>
<div id="content">
<ul>
<li class="item1"></li>
<li class="item2"></li>
</ul>
</div>
<div id="footer"></div>
</div>
بارها و بارها مطمئنا پیش اومده برای شما که بخواید همچین کدی بنویسید (بالاخره طراح سایت هستید دیگه!!!)
حالا با استفاده از Zen Coding این کار به چه صورت عملی میشه ؟؟؟ کد زیر رو ببینید:
div#wrapper>(div#header>a)+(divC#ontent>ul>li.item$*2)+div#footer
به همین سادگی :تشویق:
در حال حاضر یک پلاگین برای Notepad++ وجود داره که بعد از نصب پلاگین میتونید ازش استفاده کنید .
یک Powertoys هم برای Resharper ارائه شده که امکان استفاده از ZenCoding رو در Visual Studio فراهم میکنه .
در لینک زیر ، پلاگین و طریقه ی استفاده از Zen Coding در Dreamweaver و Notepad++ موجوده .
لینک سایت اصلی (http://barnamenevis.org/forum/code.google.com/p/zen-coding)
در این لینک (http://vimeo.com/7405114) هم میتونید یک فیلم آموزشی رو جهت آشنایی سریع با ویژگیهای Zen Coding ببینید .
با آرزوی موفقیت ...
اگه زیاد کد HTML می نویسید ، مطمئنا استفاده از Zen Coding دنیای شما رو تغییر میده .
3 روز پیش وقتی داشتم اخبار روزانه ی CodeProject رو میخوندم با Zen Coding آشنا شدم .
شیوه ای جدید برای نوشتن کدهای HTML در قالب Selector های CSS .
مثال زیر رو در نظر بگیرید:
<div id="wrapper">
<div id="header"><a href=""></a></div>
<div id="content">
<ul>
<li class="item1"></li>
<li class="item2"></li>
</ul>
</div>
<div id="footer"></div>
</div>
بارها و بارها مطمئنا پیش اومده برای شما که بخواید همچین کدی بنویسید (بالاخره طراح سایت هستید دیگه!!!)
حالا با استفاده از Zen Coding این کار به چه صورت عملی میشه ؟؟؟ کد زیر رو ببینید:
div#wrapper>(div#header>a)+(divC#ontent>ul>li.item$*2)+div#footer
به همین سادگی :تشویق:
در حال حاضر یک پلاگین برای Notepad++ وجود داره که بعد از نصب پلاگین میتونید ازش استفاده کنید .
یک Powertoys هم برای Resharper ارائه شده که امکان استفاده از ZenCoding رو در Visual Studio فراهم میکنه .
در لینک زیر ، پلاگین و طریقه ی استفاده از Zen Coding در Dreamweaver و Notepad++ موجوده .
لینک سایت اصلی (http://barnamenevis.org/forum/code.google.com/p/zen-coding)
در این لینک (http://vimeo.com/7405114) هم میتونید یک فیلم آموزشی رو جهت آشنایی سریع با ویژگیهای Zen Coding ببینید .
با آرزوی موفقیت ...