• 278
  • 1
  • 0
Нравится блог?
Подписывайтесь!

Zen Coding

Алғашқы мақаламды web бағдарламалар жазатын адамдарға пайдалы болатын Zen Coding құралынан бастауды жөн көрдім. Менің мақаланы жазудағы мақсатым Zen Coding құралының барлық мүмкіндігін көрсету емес, жай құралдың пайдалы тұстарына шолу жасау. Сонымен, Zen Coding дегеніміз ол не?

Zen Coding - бұл HTML, XML, XSL кодтарын жазуды жылдамдататын, мәтіндік редакторлар үшін қосымша (плагин). (орысша википедиядан аударма)

Zen Coding барлық дерлік кең таралған мәтіндік редакторларда бар немесе ең болмағанда қосымша түрінде жасалынған. Көп есіткеннен гөрі бір рет көрген жақсы, Zen Coding-тің көптеген мүмкіншіліктерін келесі видеодан көруге болады:

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

Әрине,

div#nav>ul>li*5>a[href=page$.html]

түріндегі жазуды бір ғана батырманы басу арқылы мынандай түрге әкелу өте ыңғайлы және жылдам:

 
<div id="nav">
  <ul>
    <li><a href="page1.html"></a></li>
    <li><a href="page2.html"></a></li>
    <li><a href="page3.html"></a></li>
    <li><a href="page4.html"></a></li>
    <li><a href="page5.html"></a></li>
  </ul>
</div>
   

Zen Coding тек XML типті кодтарға ғана емес CSS үшін де бар. Бірақ онда HTML дегі секілді емес, тек көптеген қысқартулар тізімі ретінде. Ол қысқартуларды мына жерден табуға болады: https://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn

Zen Coding v0.6 дан бастап жаңа ұғым - фильтрлер пайда болды. Фильтрлер html тілінің арнайы символдарын html қасиетке ие емес символдарға ауыстыруға қолданылады. Фильтрдің бұдан басқа да  қолданыстары бар, ол туралы мына жерден қарап көруге болады: https://code.google.com/p/zen-coding/wiki/Filters

Фильтрлердің пайдаланылуына мысал:

div>p#hello|e

түріндегі жазу, арнайы батырманы басқан соң мына түрге келеді:

 
&lt;div&gt;
    &lt;p id="hello"&gt;&lt;/p&gt;
&lt;/div&gt;
   

Күніне жүздеген қатар HTML мен CSS тіліндегі кодтарды жазатын маман иелері үшін пайдалы болады деп ойлаймын. Zen Coding құралының пайдалы тұстарын көрсете алдым деп үміттенемін.

17 апреля 2013, 23:17
278

Загрузка...
Loading...

Комментарии

Жақсы мақала, Зен кодинг дегенді енді білетін боламын. Рахмет.

Оставьте свой комментарий

Спасибо за открытие блога в Yvision.kz! Чтобы убедиться в отсутствии спама, все комментарии новых пользователей проходят премодерацию. Соблюдение правил нашей блог-платформы ускорит ваш переход в категорию надежных пользователей, не нуждающихся в премодерации. Обязательно прочтите наши правила по указанной ссылке: Правила

Также можно нажать Ctrl+Enter

Популярные посты

Казком берет комиссии за оплаты по карте. Почему на это закрывают глаза Visa и MasterCard?!

Казком берет комиссии за оплаты по карте. Почему на это закрывают глаза Visa и MasterCard?!

Покупаешь в супермаркете продукты на 5000 тенге и банк забирает себе еще 30-50 тенге. То есть, продукты обошлись уже не в 5000, а в 5050 тенге.
ValentinaVladimirska
25 мая 2017 / 22:56
  • 13302
  • 24
Узаконенное варварство в стране, принимающей «EPXO». Еще далеко нам до «топ-30 развитых стран»

Узаконенное варварство в стране, принимающей «EPXO». Еще далеко нам до «топ-30 развитых стран»

В продвинутых государствах едва ли поймут, почему в столь развитом, успешном и преуспевающем Казахстане от имени и по заданию властей творятся такие зверства над животными.
openqazaqstan
24 мая 2017 / 12:12
  • 10778
  • 102
Вырубка деревьев в Алматы под БРТ. Проект уже нанес городу экологический ущерб

Вырубка деревьев в Алматы под БРТ. Проект уже нанес городу экологический ущерб

Как ранее уже сообщалось из-за строительства БРТ в Алматы пострадают значительное количество деревьев. На прошлой неделе вырублены первые вязы и клён, - под расширение проезжей части на улице...
SKYFALL
24 мая 2017 / 17:20
  • 10342
  • 14
Поддержим пенсией жиреющие банки! На что казахстанцам разрешат досрочно тратить свои накопления в ЕНПФ

Поддержим пенсией жиреющие банки! На что казахстанцам разрешат досрочно тратить свои накопления в ЕНПФ

Со стороны ЕНПФ в очередной раз прозвучало крайне неоднозначное заявление, от которого, на наш взгляд, лучше было бы воздержаться.
openqazaqstan
23 мая 2017 / 11:08
  • 9897
  • 32
Системная коррупция стала главной угрозой для Казахстана. У нас воруют миллиардами

Системная коррупция стала главной угрозой для Казахстана. У нас воруют миллиардами

Коррупционные отношения вышли на такой уровень, что они уже начинают дискредитировать всю систему управления.
openqazaqstan
26 мая 2017 / 13:45
  • 8370
  • 34
Что бы ни сделал пешеход – все равно водитель сядет

Что бы ни сделал пешеход – все равно водитель сядет

Вопрос о равной ответственности водителя и пешехода при наезде на последних, только-только начинают обдумывать в высоких кабинетах. Но, пока государственные головы думают, водители продолжают...
Mirogloff
22 мая 2017 / 23:29
  • 5127
  • 32
Пока полицейские будут прощать, им будут бить и по чести, и по лицу

Пока полицейские будут прощать, им будут бить и по чести, и по лицу

Судья Алмалинского районного суда Куаныш Арипов ломает стереотипы отношения граждан к представителям Фемиды. Напавшему на полицейского экс-сотруднику алматинского акимата он назначил наказание выше...
Mirogloff
24 мая 2017 / 16:41
  • 3974
  • 9
Да-да, я знаю, пора выходить замуж. Есть ли у меня еще время и, пожалуйста, уточните сколько?

Да-да, я знаю, пора выходить замуж. Есть ли у меня еще время и, пожалуйста, уточните сколько?

Итак давайте сразу начистоту. Мне 29. Не замужем, никогда не была, детей нет. В душе я совсем не чувствую этот возраст. Каждый раз когда задумываюсь об этом больше чем на 3 минуты, меня накрывает...
user2017
23 мая 2017 / 10:57
Аблязов загробным голосом декларирует «ДВК-2». Монолог обиженного человека

Аблязов загробным голосом декларирует «ДВК-2». Монолог обиженного человека

Последний монолог Аблязова о «продолжении борьбы с режимом» и «ДВК-2», при всём желании, не выглядел как какой-то политический манифест.
openqazaqstan
25 мая 2017 / 13:53
  • 3252
  • 62