No public Twitter messages.


Этот блог устарел и, скорее всего, больше не будет обновляться. В ближайшем будущем он переедет сюда.
23 июля 2009 // Веб-разработка

Validation и Browser Compatibility в Dreamweaver CS4

Сегодня хочу познакомить вас с двумя вкусностями Dreamweaver, которые использую постоянно, это Validation и Browser Compatibility. Если честно не знаю были ли эти функции в предыдущих версиях Dreamweaer, но наткнулся я на них уже в CS4.

Browser Compatibility

Window → Results → Browser Compatibility

Dreamweaver Browser Compatibility

Как легко понять из названия эта функция проверяет код на поддержку различными браузерами и подсказывает как себя будут вести различные браузеры с текущим кодом. Функция заточена под все нужные браузеры и даже под Internet Explorer for Macintosh, хотя я, лично, никогда и не стремился верстать с поддержкой этого браузера. Однако даже с последними апдейтами функция не владеет информацией о FF 3.5, IE8 (только 8.0b1), Opera 10 (и даже 9.5), Safari 4, что, впрочем, не беда. Самое главное — исчерпывающая информация о IE6.

Кстати у Adobe есть страница с решениями и хаками для различных браузеров, мне, правда, ни разу так и не пригодилась.

Validation

Window → Results → Validation

Dreamweaver Validation

Эта функция, как опять же, не трудно догадаться из названия помогает провести валидацию документа по веб-стандартам «не выходя из дома». Пользуюсь постоянно. Позволяет проверить как текущий документ, так и весь сайт разом.

Однако замечены мною и случаи, когда мнения валидатора Dreamweaver и валидатора w3c расходились, например так у меня было с счётчиком liveinternet, в котором валидатор w3c при доктайпе xhtml 1.0 transitional находил кучу ошибок, в то время как Dreamweaver радовался хорошему коду.

Помимо классических стандартов HTML и XHTML этот валидатор также проверяет документ по множеству других стандартов и технологий, большинство из которых я никогда и не использовал, так что рассказать про них ничего не могу, к ним относятся ColdFusion (Basic, 3.0-MX 7), Internet Explorer Extensions, Netscape Navigator Extensions, SMIL 1.0, WML и JavaServer Page Tags.

Enjoy! :)

теги: , , , ,

1 комментарий.


21 июля 2009 // Веб-разработка

Функция Live View в Dreamweaver CS4

Я думаю большинство из вас для вёрстки сайтов использует Dreamweaver, ясное дело. Я тоже. Когда-то начинал со второй версии этой замечательной штуки, тогда она ещё принадлежала Macromedia. Долго я использовал вторую, потом переполз на 4, но уже не помню чем не понравилась — стал использовать UltraDev, он, кажется, был старее, но мне нравился больше. Тогда я интересовался новыми фишечками и всякими вкусностями новых версий, а когда уже полностью освоился и стал просто верстать вкусности как-то само собой ушли на второй план. И версии стал менять как тапочки, 8.0, CS3, ну и, затем, CS4.

Кнопки Live View и Live Code на панели задач

Кнопки Live View и Live Code на панели задач

Решил я поискать вкусностей для любимого инструмента и первая же найденая вкусность оказалась невероятно удобной и полезной, имя ей — Live View. Она позволяет посмотреть как сайт выглядит в браузере прямо в окне редактирования.

В Dreamweaver CS4 вшит WebKit, что, надо сказать, существенно сокращает время отладки макета. Функция запускает все динамические элементы страницы реализованые с помощью CSS, Flash и JavaScript (включая фрэймворки вроде jQuery, MooTools, Prototype и т.п.). Кстати для JavaScript присутствует ещё и функция Live Code – она позволяет в реальном времени просматривать изменение страницы, подобно FireBug и DragonFly.

P.S. Недавно думал попробывать сделать макет с нуля и до конца в Microsoft Expression Web 2, и вот именно отсутствие альтернативы функции Live View не дало мне завершить начатое :)

P.P.S. Видео с сайта Adobe.

теги: , , , ,

комментарии отключены.



  • twitter
  • rss
  • хабр
  • жежека
  • ластфм