waitekk Mar 14 2011 at 09:00

Zen Coding v0.7

2 min

5.5K

Website development*

+61

Comments 69

Loci Mar 14 2011 at 09:06

Что тут скажешь. Zen Coding хорош.

sao Mar 14 2011 at 12:18

А я хочу на вход — картинку с изображением сайта, на выход — HTML+CSS. Как думаете, стоит пробовать писать такое? Мысли есть…

Loci Mar 14 2011 at 12:27

Пробовать всегда стоит.

yul Mar 14 2011 at 13:59

Можно попробовать с каким-нибудь векторным форматом, наверное, проще будет, чем растр распознавать. Хотя все-равно оочень непростая задача. Имхо не стоит свеч, статические сайты все равно дешево стоят нынче и популярность у них все меньше, а для динамических придется сгенерированную кашу приводить в порядок.

waitekk Mar 14 2011 at 14:05

что вы там фантазируете, Photoshop + Slices → экспорт в HTML = профит :)

yul Mar 14 2011 at 14:12

Не силен в фотошопе, но сдается мне Slices предполагает, что картинка как-то подготовлена к экспорту? А вообще конечно от задач зависит, можно и одним img обойтись )

dshster Mar 14 2011 at 09:49

Очень хорошо, вот только для gedit нет официальной сборки, а сторонние где-то запаздывают.

ZekMan Mar 14 2011 at 12:42

Да, придется подождать прежде чем смогу заценить…

GruZZ Mar 14 2011 at 21:37

Угу, еще с хоткеями беда, лично мне сложно переключаться с привычных для Aptana хоткеев на «непривычные» в gedit…

gidroponic Mar 14 2011 at 11:16

написал автору плагина для netbeans хоть бы он не забил на него — x

dimonRUS66 Mar 14 2011 at 11:48

Вот, нашел плагин для netbeans — github.com/lorenzos/ZenCodingNetBeansPlugin#readme

gidroponic Mar 14 2011 at 12:42

ответ:
Cool new features :)
I will do it as soon as possible and let you know when it's ready. Thank you.

t0H Mar 14 2011 at 11:30

Спасибо большое!!!
у меня только один вопрос)
Zen Coding for Dreamweaver v.0.7.2

t0H Mar 14 2011 at 11:31

от
Zen Coding for Notepad++ v0.7

чем то отличаются? (кроме разных программ)

waitekk Mar 14 2011 at 11:33

функционал должна быть один и тот же, разве что реализация может не поддерживать что-нибудь из-за ограничений редактора. для NPP, насколько я помню, поддерживается все, Dreavweaver не пользую, к сожалению.

chikuyonok Mar 14 2011 at 12:09

В DW на самом деле чуть устаревшая версия: автор плагина раньше времени накатил апдейт движка, там может кое-что не работать/глючить.

Butylski Mar 14 2011 at 11:38

Турбо-разработка с Zen Coding. Ребята, спасибо, что не забрасываете проект.

fiskus Mar 14 2011 at 11:39

можно ли включить в репозиторий плагин для Vim www.vim.org/scripts/script.php?script_id=2981 и abbreviations для SciTE bitbucket.org/fiskus/scite-zen-coding/src?

waitekk Mar 14 2011 at 11:41

вопрос надо направить автору, либо спросить сразу на Google Code. я лишь проповедую :)

chikuyonok Mar 14 2011 at 12:15

Сам плагин для Vim я не могу вставить в официальный репозиторий, потому что там полностью своя реализация ядра Zen Coding (но ссылка на плагин есть на главной странице проекта), поэтому некоторые вещи там либо не работают, либо совсем не так (по словам очевидцев). Я всё жду, когда кто-нибудь возьмёт оригинальный ZC и по документации напишет нормальный плагин (я, к сожалению, с Vim совсем не знаком и не смогу сделать его оптимально).

По поводу SciTE: могу добавить вас коммитером в проект, будете поддерживать аббревиатуры в актуальном состоянии

moooV Mar 14 2011 at 11:44

Для PhpStorm еще было бы не плохо.

waitekk Mar 14 2011 at 11:45

а разве там не встроено уже?

alexerm Mar 14 2011 at 11:47

вводиш правило, жмеш таб, ..., профит! :)

chikuyonok Mar 14 2011 at 12:19

В PhpStorm/IDEA полностью своя реализация Zen Coding, так что ждать возможно придётся долго. Можно попробовать скооперироваться с ребятами из JetBrains и сделать плагин на основе версии для Eclipse.

note Mar 14 2011 at 13:12

Было бы, конечно, очень здорово, если ZC появился для шторма в виде постоянно обновляющегося плагина.
Сергей, вы уже пытались как-то контактировать с ребятами из JetBrains?

chikuyonok Mar 14 2011 at 13:17

Ещё нет, но, наверно, стоит написать им. Я пока хочу пару месяцев отдохнуть от ZC (этот релиз активно делался последние полгода), заняться другими проектами, поэтому в данной ситуации я бы с радостью выступил в качестве консультанта, а не автора плагина.

alexerm Mar 14 2011 at 11:46

Если бы не эта новость не узнал бы что мой PhpStorm умеет Zen Coding из коробки. спасибо

magic4x Mar 14 2011 at 12:08

Geany! Geany! Ну пожалуйста, сделайте кто-нибудь наконец! Gedit — это просто ад.

ZekMan Sep 10 2012 at 11:24

goo.gl/CmWP9 есть уже

magic4x Sep 10 2012 at 11:26

Я перешел на саблайм )

Zyava Mar 14 2011 at 12:12

В PhpStorm Zen Codingа 0.7 наверное еще нету, если он только-только вышел.

UFO just landed and posted this here

proxor Mar 14 2011 at 12:35

Ждём для VIM.

fiskus Mar 14 2011 at 13:24

www.vim.org/scripts/script.php?script_id=2981

proxor Mar 14 2011 at 15:01

Я имел ввиду описанные в статье фичи.

Tbird Mar 14 2011 at 13:06

Сергей, мы любим вас (NOT GAY)! После XV и ZenCoding еще не задумывались сделать свой редактор ~~с бл~~со сниппетами и подсветкой?

chikuyonok Mar 14 2011 at 13:23

Спасибо :)
Насчёт своего редактора — особо не задумывался, потому что хороших редакторов полно и заново изобретать велосипед нет желания.

Но есть планы и большое желание скрестить Zen Coding и Content Assist for <textarea> и сделать удобный редактор для CMS с code complete для обычных текстовых полей: без подсветки, но зато очень быстрый. А подсветку при желании можно сделать на любом из существующих решений (CodeMirror, Bespin/Skywriter).

GruZZ Mar 14 2011 at 21:41

Яростно плюсую!

aspect Mar 14 2011 at 13:23

круто, появилось несколько фич, которых не хватало

expression Mar 14 2011 at 14:03

Парни, вы реально крутые… Я разучился писать код полностью.

Iskin Mar 14 2011 at 14:49

Кстати, есть HAML и SASS — haml-lang.com/ sass-lang.com/

ikido Mar 14 2011 at 21:27

это бесполезно)

kizu Mar 18 2011 at 17:20

В зенкодинге есть фильтр для HAML, так что можно раскрывать аббревиатуры в его синтаксисе.
Да даже одиночные теги раскрывать удобнее чем писать их с символом процента — сочетание CMD+E удобнее нажимать чем Shift+5.

chernikov Mar 14 2011 at 15:00

Кто-нибудь под VS2010 это заставил работать?

-1

igormorozov Mar 14 2011 at 15:20

Некорректно работает в Espresso Reflect Value

Было

-webkit-border-radius: 20px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;

После вызова становится

-webkit-border-radius: 20px20px;
-ms-border-radius: 20px;
border-radius: 20px;
-moz-border-radius: ;

Последняя строчка почему-то переносится вверху

chikuyonok Mar 14 2011 at 16:46

Да, действительно, почему-то проглядел это.
PS: о багах лучше писать в Issues.

UFO just landed and posted this here

Dimox Mar 14 2011 at 19:57

Судя по примерам из первых 2-х пунктов, больше на программирование похоже, чем на верстку.

waitekk Mar 14 2011 at 19:59

рано или поздно наступает момент, когда отлично знаешь, какой код ты напишешь в следующие 10 секунд, и IDE (даже с автокомплитом) за твоим полетом мысли уже не успевает. с Zen Coding, при условии четкой картинки кода в голове, появляется возможность это ограничение обойти. привыкнув за неделю, уже не можешь работать как прежде. это как пересесть с i7 обратно на 286

Dimox Mar 14 2011 at 20:22

Я пока что не нахожу полезности в зен-кодинге, несмотря на то, что верстаю не один год.

Lebnik Mar 14 2011 at 22:24

спасибо за Zen Coding! вот думаю… может сделать свежий плагин под EmEditor? а то версия 0.6b сильно отстает по возможностям.

Mezomish Mar 15 2011 at 07:22

На странице загрузки из свежих файлов только «Zen Coding for *». А где можно взять «чистый» тарбол, без заточки на определённый редактор? Хочу попробовать написать свой плагин.

Mezomish Mar 15 2011 at 07:44

Уже нашёл на гитхабе.

mezastel Mar 15 2011 at 12:48

Чего я не понимаю так это почему HTML Zen разворачивает ul>li в <ul><li></li></ul> вместо того чтобы развернуть это в

<ul> <li></li> </ul>

waitekk Mar 15 2011 at 14:03

возможно, потому что всего один дочерний элемент

mezastel Mar 15 2011 at 15:21

Нет, от кол-ва элементов это не зависит, у меня все в одну строчку.

chikuyonok Mar 15 2011 at 15:23

В каком редакторе так происходит?

mezastel Mar 15 2011 at 15:24

Visual Studio

chikuyonok Mar 15 2011 at 15:26

Для VS неписан неофициальный плагин (может даже неофициальная реализация, где-то видел такую), поэтому, к сожалению, ничем не могу помочь.

mezastel Mar 15 2011 at 15:29

Я просто пытаюсь понять, встроено ли форматирование HTML (т.е. разбиение на строки) в движок HTML Zen (т.е. файлы *.py), или же форматирование является ответственностью того, кто этот движок использует.

chikuyonok Mar 15 2011 at 15:33

Всё встроено в сам Zen Coding. От автора плагина, по сути, требуется только реализовать интерфейс взаимодействия с редактором.

Посмотреть, как работает оригинальный Zen Coding, можно на тестовой странице: zen-coding.ru/codemirror/

Rooc Mar 15 2011 at 17:03

Супер! Спасибо

Lilumi Mar 17 2011 at 15:39

Это праздник какой-то! Теперь я могу, как настоящий волшебник создать полностью всю html разметку одной строкой и потом превратить ее в полноценную страницу!
Вот моя волшебная строка:

html:xt>(div.header>(h1.logo>(a[href=#]>{Progress}+span{ }))+(div.access>ul>li*3>a[href=#]{access$})+(div.menu>ul>li*7>a[href=#]{menu$}))+(div.wrapper>(div.infimg>img[src="/img/img1.png"])+(div.container>(div.content>(h2{Lorem Ipsum}+p{Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ipsum purus, molestie sed sodales sit amet, condimentum eget metus. Praesent rhoncus consequat sapien dictum tincidunt. Vestibulum eget mi risus, ut auctor nisi. Donec sollicitudin massa ultricies quam consequat ultricies. Nulla commodo tincidunt consectetur. Sed scelerisque justo a lectus vulputate posuere.}))+(div.side>h4{Overview}+ul>li*5>a[href=#]{over$})))+div.footer>(ul.footmenu>li*3>a[href=#])+a[href=#].copy

Единственное, что там не хватает, так это возможности вставить link:css. Может стоит включить тег подключения стиля внутри аббревиатур html:xt и html:xs?

chikuyonok Mar 18 2011 at 13:28

От того, что вы напишете сайт в одну строчку, вы не станете быстрее. Да, нажатий на клавиатуру сделаете меньше, но потратите больше времени на то, чтобы сначала продумать всю структуру в голове, мысленно «схлопнуть» её в аббревиатуру, запомнить её целиком, а после разворачивания ещё дважды проверить, соответствует ли результат вашим ожиданиям.

Гораздо эффективнее писать и разворачивать короткие аббревиатуры в нужных местах.

Lilumi Mar 18 2011 at 14:36

да я это сам прекрасно понимаю. Это скорее спортивный интерес — как на олимпиаде :)

Lilumi Mar 17 2011 at 16:00

Нашел баг — при попытке закомментировать блок правил в css вставляются html вид комментариев

<!-- Comment -->

p.s. Редактор Coda

Lilumi Mar 17 2011 at 16:02

а не, это я ошибся — просто забыл переключить тип синтаксиса в редакторе

HongKilDong Mar 18 2011 at 18:21

Подскажите, что за переменная 'my_zen_settings'? Она позволяет задавать свои аббревиатуры? Можно ли свои аббревиатуры хранить и подключать внешним файлом?

Show the best of all time