Jump to content
  • 0

бесплатный редактор типа dreamweaver


кирюха=)
 Share

Question

Доброго времени суток!Подскажите пожайлуста хороший бкчплатный текстовый редактор типа dreamweaver, что бы была подсветка синтаксиса и что бы редактор как бы "дописывал" код, т е просто пишешь допустим float, только написал букву F и как тут же тебе предлагают возможные варианты.

Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0

Доброго времени суток!Подскажите пожайлуста хороший бкчплатный текстовый редактор типа dreamweaver, что бы была подсветка синтаксиса и что бы редактор как бы "дописывал" код, т е просто пишешь допустим float, только написал букву F и как тут же тебе предлагают возможные варианты.

Dreamwaver для простых проектов лучше не использовать( я вообще придерживаюсь мнения, что Dreamweaver лучше вообще не использовать, но иногда он бывает полезен). Я использую Notepad++ в связке с плагином ZenCoding, а топ стайл, что посоветовали выше, я вообще не понимаю(зачем он нужен? В Notepad++ удобнее раз в сто)

  • Like 1
Link to comment
Share on other sites

  • 0

Также юзаю np++, но про Zen Coding впервые услышал. Посмотрел, а он для Python. Смысл тогда?

существенно ускоряет скорость набора верстки.

к примеру что бы сделать список с картинками и ссылами достаточно написать:

div.list>ul>li*10>a[href="#"]>img[src="my-image_$.png"]+span

до чего ж удобно, блин :)

по сабжу

ИМХО: Под виндой всегда юзал DW+TopStyle. Как бы не пробывал слезть с тормазнутого DW так аналогов (так чтобы мне подходило) так и не нашел. Ну а альтернативе TopStyle пару лет назад так вообще не было.

Edited by klierik
Link to comment
Share on other sites

  • 0

Также юзаю np++, но про Zen Coding впервые услышал. Посмотрел, а он для Python. Смысл тогда?

существенно ускоряет скорость набора верстки.

к примеру что бы сделать список с картинками и ссылами достаточно написать:

div.list>ul>li*10>a[href="#"]>img[src="my-image_$.png"]+span

до чего ж удобно, блин :)

Это шутка?

Link to comment
Share on other sites

  • 0

Это шутка?

эта комбинация сгенерирует следующее:

<div class="list">
<ul>
<li><a href="#"><img src="my-image_1.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_2.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_3.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_4.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_5.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_6.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_7.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_8.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_9.png" alt="" /><span></span></a></li>
<li><a href="#"><img src="my-image_10.png" alt="" /><span></span></a></li>
</ul>
</div>

ну не красота ли :)

  • Like 1
Link to comment
Share on other sites

  • 0

Также юзаю np++, но про Zen Coding впервые услышал. Посмотрел, а он для Python. Смысл тогда?

:rofl:

Он не для Python, он написан на python, как и вообще очень многие плагины для приложений.

Это шутка?

Никаких шуток

Всё гениальное — просто B)
Link to comment
Share on other sites

  • 0

ZenCoding вещь еще та. Не только верстку набивать можно, но и стили.

Вот такая запись:

.class{

pos:a+t+l+c+m:2+fz+p:4+bg+bd+

}

при нажатии (у меня трех) клавиш генерирует вот такой код:


.class{
position:absolute;
top:;
left:;
color:#000;
margin:0 0;
font-size:;
padding:0 0 0 0;
background:;
border:1px solid #000;
}

Link to comment
Share on other sites

  • 0

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

Edited by Vin
Link to comment
Share on other sites

  • 0

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

Какие нафиг регулярки?

Запись для html использует стиль написания селекторов для CSS. Если с этим всё в порядке, то сложностей возникнуть не должно.

В css - еще проще. Там обычно свойства сокращаются до первой буквы, остальные сокращения также легко запоминаются.

Жесть :blink: Лучше писать по старинке, ото с такими шифрами м0ск сломать свой можно <_<

В чем ломание мозга?

Это экономия времени.

Link to comment
Share on other sites

  • 0

Какие нафиг регулярки?

Запись для html использует стиль написания селекторов для CSS. Если с этим всё в порядке, то сложностей возникнуть не должно.

В css - еще проще. Там обычно свойства сокращаются до первой буквы, остальные сокращения также легко запоминаются.

Это я знаю. Просто до написания сокращённых свойств css в одну строчку ещё не привык, чисто внешне это напомнило что-то из таких мозгоразрывных вещей как регулярки)

Я в принципе понял суть того кода, на для того чтобы так писать еще привыкнуть) Ну...кто как привык ;)

Ну попиши пока с автодополнением функций (в Notepad++ Опции > Настройки > вкладка "Резерв/Автозавершение"), а потом перейдёшь к зен кодингу.

Link to comment
Share on other sites

  • 0

Я в принципе понял суть того кода, на для того чтобы так писать еще привыкнуть) Ну...кто как привык ;)

Ну попиши пока с автодополнением функций (в Notepad++ Опции > Настройки > вкладка "Резерв/Автозавершение"), а потом перейдёшь к зен кодингу.

Да авто завершением я уже пользуюсь) Очень удобная фича :D Есть какие нибудь еще полезные плагины для NP++? :rolleyes:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy