Войти | Выйти

Вёрстка в IntelliJIDEA. Видео

Предлагаю Вашему вниманию видеозапись моей презентации «Вёрстка в IntelliJIDEA», которая состоялась 31 января 2009 года на первом Яндекс.Субботнике

Для просмотра доступны форматы:
- Полноформатная версия (~1.3 Гб)
- iPod/iPhone-версия (~540 Мб)

А можно познакомиться онлайн:

К сожалению, освещение сцены оказалось недостаточно хорошим, поэтому видео-запись местами получилась темной. Но к несомненным плюсам относится то, что запись велась с двух камер, а потом монтировалась со вставками слайдов в хорошем качестве.

PS: Вторую часть статьи по мотивам этой презентации осталось ждать недолго.
Причина, по которой я её еще не опубликовал – мне не понравилось то, как я подал материал во второй части презентации. Поэтому она мной пересматривается и дорабатывается.

Комментарии

19 комментариев к “Вёрстка в IntelliJIDEA. Видео”

  1. tapazukk 17.Фев.2009 в 17:36

    Недавно js-программер соблазнил идеей, но вот одного не понятно-на видео при работе с live templates теги очеь бодро подставляются в html. Покапался в настройках html в live templates выбор не богат (или я чего-то не заметил). Здесь есть свои хтрости?

    ОтветитьReply to this comment
  2. Вадим Макишвили 17.Фев.2009 в 17:44

    Отвечает на сообщение tapazukk:
    Дефолтных шаблонов для HTML/CSS совсем мало. Мы их добавляли сами.

    ОтветитьReply to this comment
  3. tapazukk 17.Фев.2009 в 19:44

    Простите, если покажусь любителем халявы, но может во второй части про верстку в idea расскажите как создавать такие шаблоны, а может и поделетесь парочкой? ;)

    ОтветитьReply to this comment
  4. smmurf 17.Фев.2009 в 21:04

    А я прошу прощения за вопрос (может он будет рассмотрен во второй части, конечно).
    Когда фрагмент таблицы на презентации был обернут в tbody, после завершения тега весь вложенный код был автоматически переформатирован, а я никак не могу добиться этого при самостоятельных экспериментах. Какими средствами это было сделано?

    ОтветитьReply to this comment
  5. Вадим Макишвили 18.Фев.2009 в 10:26

    Отвечает на сообщение smmurf:
    Форматирование кода в Идее происходит автоматически. Я не знаю такой настройки, которая бы это включала/выключала.

    А на презентации после обрачивания в tbody происходит индент tr внутри tbody. Это настраивается здесь.
    Индентация

    По умолчанию в Идее сказано, что детей tbody индентить не надо. Я исключил в этом списке tbody. Вы тоже можете это сделать :)

    ОтветитьReply to this comment
  6. Вадим Макишвили 18.Фев.2009 в 10:32

    Отвечает на сообщение tapazukk:
    Хорошо, добавлю описание, как создать свой шаблон :)

    Но, в-общем то, это совсем-совсем несложно понять самому — я же не спроста так часто повторял, что интерфейс интуитивно понятный и удобный ;)

    ОтветитьReply to this comment
  7. smmurf 18.Фев.2009 в 12:16

    Отвечает на сообщение Вадим Макишвили:
    Большое спасибо, удивляюсь, как сам этого не заметил, вроде внимательно изучил настройки…

    ОтветитьReply to this comment
  8. andrexus 25.Фев.2009 в 20:13

    На 54-й минуте презентации вы рассказывали что IDEA может помочь при создании селекторов непосредственно из кода XHTML-файла без необходимости предварительного отркытия css-файла. С помощью какой комбинации клавиш можно вызвать это меню (create selector)?

    ОтветитьReply to this comment
  9. Вадим Макишвили 25.Фев.2009 в 20:34

    Отвечает на сообщение andrexus:
    Под макосью это Alt Enter
    Вполне возможно, что под виндой он другой. Увидеть его в можно настройках. Это действие называется Intention Actions
    Intention Actions

    ОтветитьReply to this comment
  10. andrexus 25.Фев.2009 в 21:16

    Спасибо, нашел. Под линуксом тоже Alt+Enter.
    Но вот теперь другая проблема. Меню есть, но только пункта create selector в нем нет. Вот скриншот

    ОтветитьReply to this comment
  11. Вадим Макишвили 26.Фев.2009 в 10:22

    Отвечает на сообщение andrexus:

    Напишите имя класса, а потом на нем нажмите Alt Enter ;-)

    ОтветитьReply to this comment
  12. andrexus 26.Фев.2009 в 10:58

    Точно!!! Работает!!! Огромное спасибо!!!
    Действительно IDEA – отличная среда разработки.

    ОтветитьReply to this comment
  13. Вадим Макишвили 26.Фев.2009 в 11:09

    Отвечает на сообщение andrexus:

    Я радуюсь вместе с Вами ;-)

    ОтветитьReply to this comment
  14. smmurf 27.Фев.2009 в 15:37

    Некоторое время уже пользуюсь идеей от случая к случаю, многое нравится, масса приятных мелочей, но есть моменты, которые мешают просто наслаждаться работой в этой IDE.
    Несколько смущает странная валидация. Я использую HTML 4.01 Strict, и при этом на некоторые конструкции, недопустимые по спецификации, не вызывают никакой реакции со стороны IDE (например, текстовые данные непосредственно в body). В то же время некоторые теги, допустимые по спецификации, объявляются устаревшими, и вызывают варнинги (например, тег small).
    Впрочем, возможно, во второй части вы все-таки раскроете такие возможности IDE, ради которых захочется перейти на нее несмотря ни на что :-)

    ОтветитьReply to this comment
  15. Марат 19.Мар.2009 в 09:56

    Не будешь писать вторую часть в виде отдельной статьи?

    ОтветитьReply to this comment
  16. Вадим Макишвили 19.Мар.2009 в 10:04

    Отвечает на сообщение Марат:
    Вторая часть будет.
    Я её переосмысливаю, и потому она еще не закончена.

    ОтветитьReply to this comment
  17. Юрий 26.Мар.2009 в 15:22

    Напиши пожалуйста второй часть! Очень жду!

    ОтветитьReply to this comment
  18. alexbaum 6.Апр.2009 в 21:42

    Спасибо за видео! По фичам и фичкам вкуснее NetBeans для верстки.

    ОтветитьReply to this comment
  19. Вадим Макишвили 7.Апр.2009 в 10:21

    Отвечает на сообщение alexbaum:
    Александр, рад что вам понравилась IntelliJIDEA

    ОтветитьReply to this comment

Написать комментарий.




XHTML: Можете использовать следующий код: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree Plugin

Subscribe without commenting