Вторник, 14.05.2024, 19:05
Кодинг.Страничка начинаюшего програмиста.
Приветствую Вас Гость | RSS
Главная Регистрация Вход Карта Сайта
Меню сайта

Наш опрос
Оцените мой сайт
Всего ответов: 13

На развитие.
ЯндексЯндекс. ДеньгиХочу такую же кнопку
Статистика

Проверить ТИЦ


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Главная » 2011 » Февраль » 12 » Zen Coding: Ускоритель написания HTML/CSS кода
14:08
Zen Coding: Ускоритель написания HTML/CSS кода

Автор:Е.Попов

В этой статье мы представим вам метод быстрого написания html и css кода используя целый ряд специальных селекторов и их комбинаций. Данный плагин был разработан Сергеем Чикуеноком и завоевал свою популярность по всему миру буквально в считаные дни.

Сколько времени занимает у вас написание html кода? Все эти теги, атрибуты, кавычки, скобки... Даже если вам помогает ваш текстовой редактор, всё равно вам нужно много писать.

У нас была такая же проблема и в JavaScript, когда нам надо было добраться в какие-то дебри дабы добыть доступ к какому-то элементу. Мы писали огромные JavaScript коды, в которых потом трудно было разобраться. На помощь нам пришли JavaScript фрэймворки, такие как jQuery, Dojo и другие, которые для доступа к элементам используют CSS селекторы. Почему это не использовать и в других целях?

Что если использовать CSS селекторы не только для того, чтобы получать доступ к элементам, а генерировать сам код. Что если вот такая вот строка:

1div#content>h1+p

Смогла бы превращаться в такой вот код:

1<div id="content">
2<h1></h1>
3<p></p>
4</div>

Сегодня мы представляем вам Zend Coding - инструмент для быстрого написания HTML и CSS кода. Данный плагин поддерживается практически всеми современными текстовыми редакторами такими как:Aptana/Eclipse, TextMate, Coda, Espresso, Komodo Edit/IDE, Notepad++, PSPad, editArea, CodeMirror, Dreamweaver, Sublime Text, UltraEdit, TopStyle, GEdit, BBEdit/TextWrangler, Visual Studio, EmEditor, Sakura Editor, NetBeans. Я думаю вы найдёте тут свой редактор!

Все поддерживаемые селекторы HTML вы можете найти тут.

Все поддерживаемые селекторы CSS вы можете найти тут.

Если всё ещё колеблетесь.. Установить или нет? Вы можете испытать Zen Coding на прочность на этой демо странице! Просто наберите команду, нажмите Tab и вуаля!

Удачного кодинга!

Просмотров: 1204 | Добавил: -=T$t=- | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск

Календарь
«  Февраль 2011  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28

Архив записей

Друзья сайта
Учебник HTML
Учебник PHP


Создатель сайта:Паша Бережной © 2024 Конструктор сайтов - uCoz