<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Блог NunDesign &#187; xhtml</title>
	<atom:link href="http://blog.nundesign.com/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.nundesign.com</link>
	<description>О дизайне и веб-дизайнерах</description>
	<lastBuildDate>Wed, 19 May 2010 09:18:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Верстальщик. Творческая личность с аналитическим складом ума</title>
		<link>http://blog.nundesign.com/design/2008/07/creative-analytics-expert/</link>
		<comments>http://blog.nundesign.com/design/2008/07/creative-analytics-expert/#comments</comments>
		<pubDate>Wed, 30 Jul 2008 11:36:36 +0000</pubDate>
		<dc:creator>nundesign</dc:creator>
				<category><![CDATA[дизайн]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[WebHiTech]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[Артемий Ломов]]></category>
		<category><![CDATA[веб-мастер]]></category>
		<category><![CDATA[верстальщик]]></category>
		<category><![CDATA[вёрстка]]></category>
		<category><![CDATA[дизайнер]]></category>
		<category><![CDATA[интерфейс]]></category>
		<category><![CDATA[программер]]></category>
		<category><![CDATA[проектировщик]]></category>

		<guid isPermaLink="false">http://blog.nundesign.com/?p=294</guid>
		<description><![CDATA[Девчушку, которая пришла к нам работать недавно верстальщиком на простенькие рекламные сайты (для сложных дотнетовских проектов ей ещё изрядное количество времени придётся нарабатывать опыт), посадила рисовать тренировочные эскизы как бы для этой же ветки сайтов.]]></description>
			<content:encoded><![CDATA[<p>Девчушку, которая пришла к нам работать недавно верстальщиком на простенькие рекламные сайты (для сложных дотнетовских проектов ей ещё изрядное количество времени придётся нарабатывать опыт), посадила рисовать тренировочные эскизы как бы для этой же ветки веб-сайтов. Честно критиковала композицию, сетку, отрисовку каких-то объектов, оформление навигации, блоков, кнопок. У неё получилось два не очень плохих эскиза, которые, думаю, в компаниях с менее [чем наши канадские] придирчивыми заказчиками, очень даже прошли бы как достойные. А задачу я такую поставила с конкретной целью: не достаточно верстальщику знать html+css, не достаточно очень поверхностных знаний о работе с графикой в фотошопе. Фотошоп &#8211; такой же инструмент верстальщика, как и редактор кода, чем доскональнее ты знаешь этот инструмент, чем более гибко владеешь им, чем больше у тебя знаний о том, как создаётся макет рисующим дизайнером, тем быстрее будет твоя работа во время интеграции визуального стиля в реальный сайт, тем проще будет договариваться с твоими же партнёрами по разработке. Здесь речь в ПОНИМАНИИ процесса, ещё одна капелька к статусу ХОРОШЕГО ВЕРСТАЛЬЩИКА, к теме, которую мы обсуждали вчера в <a href="http://blog.nundesign.com/design/2008/07/integrator-xhtml-css/">комментариях к посту в этом блоге</a> и к <a href="http://ztatyana.ya.ru/replies.xml?item_no=3302">ярушной трансляции</a>.</p>
<p>Обсуждение вообще вышло довольно примечательным; я, кажется, с чрезмерными претензиями к личным качествам и профессиональным навыкам специалиста, из которого получается хороший верстальщик, а ребята в комментариях только подчёркивали это; <a style="color:#333; text-decoration:none;" href="http://bondariev.info/">Женя Бондарев</a> писал:</p>
<blockquote class="note"><p><q>дизайнер верстающий должен обладать логическим мышлением, изрядным аналитическим складом ума, мыслить не образами, а логическими конструкциями</q><br />
именно. при этом человек, обладающий именно таким складом ума, скорее станет программистом и будет получать гораздо более адекватные деньги, чем верстальщик. вы же не дадите верстальщику ставку программиста?<br />
&#8230;<br />
Надо сравнивать зарплаты сопоставимых по уровню квалификации специалистов.<br />
А в этом сравнении, верстальщик практически всегда будет в проигрыше.</p></blockquote>
<p>В какой-то степени Женя прав, даже с меркантильной точки зрения в нашей компании (где программеров в любом случае раз в 5 больше, чем дизайнеров) хороший (а значит, как минимум ведущий) программист будет получать больше хорошего верстальщика, но здесь вот ещё в чём сложность расчётов: на больших проектах задачи распределяются на подзадачи и направления, и кроме PM`а на проекте есть несколько подкоманд программистов, каждой из которых управляет ведущий программист, лучший. Т.е. он не только лучше всех программирует, он ещё занимается менеджерской работой, распределяет задачи внутри своей команды и отвечает за качество кода своих подзадач. Это всё-таки другая ответственность. К сожалению, всегда бывает так (это я по себе знаю), что большую часть задач, которые ставятся перед командой, ведущий специалист может выполнить сам, и, более того, быстрее, лучше, качественнее (и дальновиднее, потому что умеет видеть проект в целом и перспективу), но задач в какой-то момент становится несколько&#8230; больше, чем может выполнять один человек за один рабочий день, а клонировать этого самого ведущего программиста пока технологии не позволяют.</p>
<p><span id="more-294"></span></p>
<p>Что же касается сравнения зарплат у обычных программеров и у верстальщиков, то здесь всё очень даже сопоставимо, а с ростом команды, когда и в нашей, дизайнерской команде понадобится выделять тимлидеров и некоторым ребятам добавится административной работы, то зарплаты будут становится сопоставимыми с зарплатами ведущих программистов, я в это верю. Но есть здесь и другой момент, о котором стоит говорить. У меня много примеров, когда человечек приходит в веб разработку, как верстальщик (веб-дизайнер), начинает изучать js, потом &#8211; серверное программирование и&#8230; в чисто вёрстку уже не возвращается. И не знаю случаев, когда программист начинает серьёзно интересоваться html+css, бросает своё программерство и становится верстальщиком. И дело не только в деньгах, во многих причинах, в том числе и в том, что &#8220;есть устойчивое мнение&#8221;, что статус программиста в любой IT компании, в любом IT сообществе выше, чем у верстальщика.</p>
<p>Нашла недавно старую уже шутку по теме, &#8220;<a href="http://karman.com.ua/index.php?lang_id=1&amp;content_id=619"><strong>Памятка верстальщику, мнение программера</strong></a>&#8221; &#8211; мило для тех, кто умеет посмеяться над собой и несовершенством мира, но если говорить серьёзно, то есть проблема с подобным отношением к верстальщикам. Мы тут на прошлой неделе заспорили с одним из программеров по поводу одного визуального глюка и методов его решения, вот он мне что-то типа такого и выдал, что &#8220;я здесь программер, и я решаю, какая будет логика на этом участке!&#8221; &#8211; пол часа бессмысленных препирательств закончились тем, что тимлид по этому проекту нашёл время подойти к нам и выяснить в чём проблема, выслушать обе стороны и подтвердить, что МОЁ решение — верное, а программер просто в собственном коде чего-то недосмотрел. И таких ситуаций в нашей компании было довольно много, видимо, поэтому ребята, которые не новички и работают со мной больше двух лет, спорят редко и уж тем более не смотрят свысока, а зачастую даже спрашивают совета по более концептуальным вопросам, чем &#8220;как отформатировать этот блок&#8221;. Но для того, чтобы на сегодняшний день было ТАК, нужно, чтобы во многих предыдущих спорных или сомнительных ситуациях верстальщик ОКАЗЫВАЛСЯ ПРАВ, и его статус рос с каждым верным решением.</p>
<p>А для этого нужны знания и опыт, потому и желательно &#8220;и творческое, и аналитическое мышление&#8221;, и — умение в сложной ситуации взять на себя ответственность, и умение мотивировать свои решения, объяснять как команде в целом, так и каждому отдельно взятому программисту, как бы свысока он поначалу не смотрел. Когда к тебе кидается программист с обвинениями в твоей кривой вёрстке и говорит, что вот он &#8220;взял тобой отвёрстанный блок, вставил его в новый документ, прописал в документе ссылку на твою же таблицу стилей, и эта таблица стилей работает не полностью, криво, где-то что-то не центрируется, где-то ещё какие-то глюки выползают&#8221;, и достаточно одной минуты на анализ проблемы: ага, программер создал документ, умничка, и код правильно скопировал, и ссылку правильно поставил. Только при генерации этого нового документа забыл указать Doctype, вообще. Подумаешь, одна непонятная такому гениальному программисту строчка.</p>
<p>Уметь отстаивать качество своего кода, в котором уверен, а то недавно наш канадский гений, который принимает нашу вёрстку веб-сайтов и занимается интеграцией в общую систему, громко (мы-то не слышали, но канадское руководство аж письмо спешно написала о том, что вот, мол, Алан кричит, что вы опять плохую вёрстку выложили) обвинял в некоторых, гм, некроссбраузерных записях в таблице стилей и требовал, чтобы поля и отступы описывались четырьмя значениями (верх-право-низ-лево) даже для симметричных свойств, типа margin: 2px auto; &#8211; это недопустимо и глючит в разных браузерах, надо писать margin: 2px auto 2px auto;, когда же я задала ему вопрос о том, что это проверялось точно ли с указанным Doctype? И если да, можно ли мне дать пример, где и для какого браузера сокращённая запись НЕ РАБОТАЕТ? он написал, что вот прямо так сразу под рукой этого примера нет, но &#8220;будет время, он продемонстрирует&#8221;, и вот вторую неделю ищет примеры, и канадское руководство, так же, как и мы, ждёт подтверждения, справедливы ли были обвинения этого интегратора в том, что украинская вёрстка &#8211; безграмотная.</p>
<p>Кстати и Женя Бондарев, который своим комментарием заставил задуматься о специальностях, пограничных с вёрсткой &#8211; программер, и проблему поиска хорошего верстальщика, а так же отношения к вёрстке и программированию видит со своей программерской точки зрения.</p>
<p>А вот <a href="http://webdev.lovata.com/">Zigzag</a> видит специалиста с другой стороны:</p>
<blockquote class="note"><p>Да, тяжело найти первоклассного вебтехнолога, как нас, верстальщиков, сейчас называют. =) Но я всеравно против дизайнера и верстальщика в одном лице. Вот UI Designer и верстальщик совсем другое дело, часто UI дизайнеры из верстальщиков рождаются.</p></blockquote>
<p>Я Паше ответила, что это, видимо, потому, что верстальщик понимает не только то, как форма или окно должны выглядеть с точки зрения “удобства пользования”, но и с точки зрения логики самой формы, сценариев отображения форм, да и с точки зрения реализации тоже.<br />
Программеры смотрят на интерфейс <strong>изнутри</strong>. Менеджмент, юзеры &#8211; <strong>снаружи</strong>. А верстальщики…<br />
Вообще, это другое видение экранного интерфейса, когда у тебя долгое время практика смотреть на него (интерфейс) <strong>изнутри и снаружи одновременно</strong>. Верстать, проверять, тестировать, да ещё и когда у тебя 14 из 16 контейнеров с формами скрыты и показываются в зависимости от разных условий, и эти сценарии тоже нужно в голове держать, и не только код делать оптимальным, но и пытаться оценивать оптимальность самих сценариев, и, конечно же, на совещаниях (митингах) не молчать, высказывать мнение о том, как оптимизировать экраны, упростить формы, сократить шаги сценариев. А как же ж без этого? Т.е. специальность проектировщика интерфейсов — она на самом деле так же близка к верстальщику, как и программирование.</p>
<p>В заключение я бы хотела попиарить один случайно обнаруженный конкурс (проводится при поддержке Ru-Center) для веб-разработчиков&#8230; который, вообще-то, объявлен уже давным давно, ещё в апреле этого года, видимо, в своё время я проигнорировала информацию. Обратила внимание на знакомое имя среди организаторов: автор идеи и председатель оргкомитета <a href="http://webhitech.ru/org/"><strong>конкурса WebHiTech</strong></a> — <strong>Артемий Ломов</strong>. Когда-то я регулярно читала его колонку о веб-дизайне &#8220;<span>Веб-анатомия по воскресеньям</span>&#8220;, была подписана на его рассылку. После, пару лет назад, приятно удивлена тем, что Артемий, решив завязать с рассылкой на Subscribe.ru, передал подписчиков моей, на то время регулярно выходившей рассылке &#8220;<a href="http://www.nundesign.com/subscribe/">Библиотека Сайтостроительства&#8230;</a>&#8220;, мда.. ностальгия. Да, так вот. Помимо интересной самой по себе идее конкурса обратила внимание на миссию конкурса:</p>
<blockquote class="note"><p>Миссия <strong><a href="http://webhitech.ru/">конкурса WebHiTech</a></strong> — посильное содействие повышению культуры веб-разработки в Рунете посредством популяризации уважительного отношения веб-разработчиков к духу (первостепенно) и букве (не первостепенно, но тоже важно) актуальных рекомендаций <a href="http://www.w3c.org">Консорциума W3C</a>. Имеются в виду, главным образом, спецификации расширяемого языка разметки гипертекста <strong>XHTML 1.0 Strict</strong> и <strong>XHTML 1.1</strong>, каскадных листов стилей <strong>CSS2</strong> и руководящие указания по обеспечению доступности веб-контента WCAG 1.0.</p></blockquote>
<p>Помимо прочего, в правилах конкурса обнаружено:</p>
<blockquote class="note"><p>Портрет идеального, с точки зрения оргкомитета, информационного сайта, имеющего все шансы победить на конкурсе WebHiTech в любой из номинаций, таков:</p>
<ul>
<li>Страницы сайта оформлены в духе разумного, функционального минимализма, производят безусловно позитивное эстетическое впечатление и воспринимаются как завершенные и целостные композиции.</li>
<li>Все страницы сайта оформлены в едином стиле. Сайт создает целостное впечатление.</li>
<li>Страницы сайта рационально используют площадь окна браузера. Оргкомитет конкурса отстаивает убеждение, что «резиновая» верстка при прочих равных условиях предпочтительнее фиксированной по ширине.</li>
<li>Область основного содержания использует максимально возможную (без ущерба для других функциональных областей) площадь на пространстве страниц. Безусловное предпочтение отдается сайтам, на которых нет бесполезных для посетителей элементов, таких, как нетематическая реклама и т. д.</li>
<li>Система навигации сайта интуитивно понятна, информативна и всячески способствует экономии времени и сил посетителей. Ссылка, ведущая на текущую страницу, считается грубейшим недочетом. Наличие полнотекстового поиска по всему контенту сайта приветствуется.</li>
<li>Посетитель может легко изменить размер шрифта на странице штатными средствами привычного ему браузера (даже если речь идет об IE).</li>
<li>Текстовое содержание сайта, а также альтернативные текстовые комментарии к графическим изображениям и другим объектам, являющимся частью контента, полностью доступны пользователям консольных и речевых браузеров, устаревших версий графических браузеров, пользователям, привыкшим отключать графику.</li>
<li>Важная для пользователей функциональность всех сервисов сайта сохраняется при отключенных JavaScript, Flash, ActiveX и т. д. в браузере.</li>
<li>HTML-разметка отвечает исключительно за логическое структурирование контента, тогда как управление его представлением (внешним видом, особенностями воспроизведения программами синтеза речи и т. п.) полностью возложено на CSS. Предпочтительно использование внешних листов стилей, загрузка которых не требуется с каждой вновь открываемой страницей.</li>
<li>HTML-код страниц соответствует идеалам семантической верстки. (Заголовки размечены тегами &lt;h1&gt;…&lt;/h6&gt; в соответствии с естественной иерархией, но никак не &lt;font&gt;; абзацы — тегом &lt;p&gt;, но не &lt;br&gt;, таблицы используются только по прямому назначению и т. п.)</li>
<li>Контент сайта легко индексируется поисковыми машинами, переход поискового робота между страницами сайта не затруднен никакими технологическими ограничениями (например, навигацией, реализованной на основе JavaScript).</li>
<li>На сайте предусмотрены автоматически генерируемые, прозрачные для пользователя (т. е. не требующие от него никаких действий) версии представления контента для вывода страниц на печать и для просмотра их на экранах карманных компьютеров.</li>
<li>Страницы сайта отображаются без существенных различий во всех сколько-либо распространенных на текущий момент графических браузерах: IE 6—7, Opera 8—9, Firefox 1—3, Safari 3.</li>
<li>Код разметки обнаруживает полное соответствие спецификации XHTML 1.0 Strict (менее желательно — HTML 4.01 Strict) или XHTML 1.1. Код листов стилей полностью соответствует спецификации CSS2.</li>
<li>Текст на страницах сайта вселяет уверенность, что его автор (редактор) в совершенстве владеет русским языком и правилами набора.</li>
<li>Иллюстративная графика и фотоматериалы, размещенные на сайте, не вызывают сомнений в художественных талантах и технических навыках их авторов.</li>
<li>Любая страница сайта загружается не более 10 секунд даже в том случае, если для доступа в Интернет посетителем используется модемное соединение со скоростью 28 800 бит/с.</li>
</ul>
<p>Оргкомитет отдает себе отчет, что идеальных информационных сайтов, как это ни печально, не существует в природе, однако полагает, что вышеприведенная «контрольная карта» сможет стать неплохим подспорьем для потенциальных участников конкурса на этапе принятия решения о целесообразности выдвижения того или иного проекта.</p></blockquote>
<p>Я, с одной стороны, пиарю конкурс и рекомендую веб-мастерам подавать заявки, а с другой — обратить внимание на эту &#8220;контрольную карту&#8221;, которая (почему нет?) вполне может стать прототипом списка для самопроверки веб-разработчика и для тестирования специалиста на очередном собеседовании. Раз уж мы в поиске такой&#8230; творческой личности с аналитическим складом ума, ха-ха.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.nundesign.com/design/2008/07/creative-analytics-expert/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Кто такой верстальщик и как его искать</title>
		<link>http://blog.nundesign.com/design/2008/07/integrator-xhtml-css/</link>
		<comments>http://blog.nundesign.com/design/2008/07/integrator-xhtml-css/#comments</comments>
		<pubDate>Tue, 29 Jul 2008 09:50:17 +0000</pubDate>
		<dc:creator>nundesign</dc:creator>
				<category><![CDATA[дизайн]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[верстальщик]]></category>
		<category><![CDATA[вёрстка]]></category>
		<category><![CDATA[интергратор]]></category>

		<guid isPermaLink="false">http://blog.nundesign.com/?p=293</guid>
		<description><![CDATA[Как часто заглядываете вы в статистику вашего сайта или блога? Оценить кривую посещаемости, отметить новых реферреров, ковырнуть да перепроверить страницы, на которых чаще всего &#8220;сразу&#8221; закрывают ваш сайт? Почитываете список ключевых слов, по которым находят вас в поисковиках? Если манимейкерский у вас проект, то, может, и каждый день, а ежели блог для души да без [...]]]></description>
			<content:encoded><![CDATA[<p>Как часто заглядываете вы в статистику вашего сайта или блога? Оценить кривую посещаемости, отметить новых реферреров, ковырнуть да перепроверить страницы, на которых чаще всего &#8220;сразу&#8221; закрывают ваш сайт? Почитываете список ключевых слов, по которым находят вас в поисковиках? Если манимейкерский у вас проект, то, может, и каждый день, а ежели блог для души да без рекламы, то хотя бы раз в месяц неплохо бы проверять данные. Сегодня глянула и я в Google Analytics да некоторые рейтинги; кое-что порадовало, кое-что напомнило о том, что своими проектами неплохо бы хоть иногда заниматься. Обратила внимание на статистику по &#8220;ключевым словам&#8221; для этого блога: очень много людей приходит по &#8220;верстальщик&#8221;, &#8220;кто такой верстальщик&#8221; и даже &#8220;нравится ли вам работа верстальщиком?&#8221; Кто такой, кто такой&#8230; наша бухгалтерия говорит, что нет такого в реестре должностей, придумали вы что-то, господа хорошие.</p>
<p>Вчера по дороге домой встретила хорошего знакомого, <a style="color:#333333; text-decoration:none;" href="http://cor-win.blogspot.com/">Антона Наумова</a>, пожаловалась (а, правильнее сказать, сообщила с целью расширения информационного поля) про то, что ищем верстальщика, хорошего верстальщика, а он ответил, что у него и знакомых таких нет, и вообще — до момента, как он начал читать мой блог, он и не знал, что есть такая специализация среди веб-разработчиков, дизайнеры-программисты, и вот всегда как-то хватало, справлялись. Видимо, как и всегда, где-то дизайнер, способный и стиль придумать, и эскизы отрисовать, и вёрстку html-ную исполнить. А там, где сайты на движке строятся, подключается программер, и уже как-то адаптирует полученный дизайн+вёрстку к движку, когда более успешно, когда менее.</p>
<p><span id="more-293"></span></p>
<p>У нас команда большая, проекты (те, которые с web интерфейсами) есть не очень большие, а есть крупные сервисы, а есть и просто ветка рекламных сайтов (коих на каждый разрабатываемый продукт несколько делается, то на разную целевую аудиторию разные, то под разные задачи), где разделение на &#8220;дизайнер рисующий&#8221;+&#8221;дизайнер верстающий&#8221; просто уместно с любой точки зрения, хотя бы даже с целью оптимизации процесса. Канадское руководство, кстати говоря, дотошно пытало меня,  довольно долго, зачем же нужно подобное разделение? Я долго пыталась объяснить и с одной точки зрения, и с другой, и в конце концов сформулировалось что-то типа такого &#8220;всё-таки дизайнер рисующий — личность особо творческая, с развитым образным восприятием мира, способный создавать визуальные формы с нуля, типа креатив, а дизайнер верстающий должен обладать логическим мышлением, изрядным аналитическим складом ума, мыслить не образами, а логическими конструкциями&#8221;.</p>
<p>Причём и я, и вы, уважаемые читатели, мы все хорошо знаем, что да, бывает такое, что в одном человеке одинаково хорошо сочетается и творческая личность, и аналитик, состоящий весь из логических цепочек и иерархических структур. Но редко, господа, редко, и найти такого человека для работы в своей команде — это ещё ой как повезти должно, такого специалиста холят и лелеят, такую встречу нужно перед миром какими-то особыми заслугами в прошлой жизни заслужить, видимо. Найти человека, для которого достаточно будет минимальных знаний графических редакторов и с не атрофированным напрочь чувством вкуса и меры, знающего основы вёрстки всё-таки проще, теоретически. На практике же и с этим какие-то хронические проблемы. Может, не зря Антон сказал, что и не слышал о такой специализации &#8211; &#8220;верстальщик&#8221;, и в самом деле в нашем городе их нет (а есть такие вот на все руки псевдомастера, которые рисуют посредственные сайты и завёрстывают их посредственным кодом), и я себе придумала миф, в который только я и верю? Ага, иногда так и кажется.</p>
<p>Кстати к теме, уж не знаю, как мировое сообщество переводит на английский язык слово &#8220;верстальщик&#8221; (причём для web, а не для полиграфии), но у наших канадских партнёров в ходу слово &#8220;<strong>интергратор</strong>&#8221; &#8211; это как раз тот чувак, который берёт нарисованный для него эскиз и создаёт из него рабочий сайт. Интергирует, так сказать, визуальный прототип в реальный проект. И они там, и мы здесь (я и моя маленькая команда верстальщиков) — страшно сказать, интерграторы. Однако как только речь заходит о крупных .NET`овских проектах, они тушуются&#8230; вот был период, когда на одном крупном сервисе был период небольшого перепроектирования и редизайна, который совпал с перетрясками административными, и тогда канадская команда было сказала, что редизайн (и связанную с ним ре-вёрстку) они будут делать сами. И ладно, мы не обиделись, баба с возу&#8230; Прошло время. Срочное совещание по громкой связи с нами и срочно &#8211; два дизайнера-верстальщика на этот проект. Потому что&#8230; их &#8220;интерграторы&#8221; налажались и не справились. Потому что их верстальщик открыл .aspx и сказал, что он здесь ничего не понимает. Потому что даже в шаблонах он напортачил так, что я потом ещё долго чистила за ним безобразные, недопустимые на больших проектах конструкции.</p>
<p>Вспоминаю, как я, несколько лет назад, пришла в нашу контору и наш Технический Директор тоже меня&#8230; собеседовал. Собственно, смешно вспоминать начало диалога, я всё равно на тот момент знала о вёрстке на порядки больше, чем он, однако главное, что его интересовало — смогу ли я работать с движками, написанными на .NET, понимаю ли я код, который (он мне показывает) вот в этом, .aspx файле? Что я могла ответить. У меня вообще не было практики сотрудничества с .NET программерами, ни единого проекта. Однако было изрядно .php и (меньше) .java, и я самоуверенно заявила на собеседовании: нет большой разницы делать вёрстку под любую платформу, если есть понимание закономерностей, которые таки прослеживаются во внутренней логике любой из них. И я была права! Даже при том, что мне всё-же пришлось обучаться &#8220;на лету&#8221;, не было ни одной задачи, ни одного контрола, студийного или стороннего, который бы я не смогла приструнить под заданный стиль проекта.</p>
<p>И вот второй год поиска верстальщика, готового справляться на должном уровне с нашими задачами меня не то, чтобы расстраивает, но как-то, признаюсь, настораживает. Практика показывает, что очень не всегда расчёт на то, что &#8220;обучим здесь, по ходу дела&#8221; срабатывает, что есть изрядная инертность и зловредные &#8220;ложные истины&#8221;, которые тормозят специалиста в саморазвитии с одной стороны, и мешают командной работе над *успешным* проектом с другой. Потому что то, что допустимо (или, во всяком случае, не критично) в сегменте разработки 5-10 страничных сайтов-презентаций, не позволительно на серьёзных проектах. А привычка допускать кривости &#8211; она остаётся, она живёт в верстальщике и отражается в каждом первом проекте, и не надо строить иллюзий, что &#8220;в этом&#8221; проекте он, пусть с ним, юзает вложенные таблицы и атрибуты для визуальных стилей, а вот &#8220;в этом&#8221;, строгом, сделает стерильно. Не сделает.</p>
<p>Может, я себя не так веду на собеседованиях? Ставлю не те задачи, спрашиваю не о том? Сегодня вот ещё будут два человечка, девочка и мальчик. Оба позиционируют себя именно как технические дизайнеры, для вёрстки и, немножечко, для js, что нормально. Ссылки на сайты в их портфолио не впечатлили, код в лучших традициях конца прошлого века (прочем, и в то время были ребята, которые писали здравый код), и что я? Опять спрашивать о том, что такое Doctype и для чего он нужен? Как имитировать кнопку ссылкой свойствами css или позиционировать вот такую вот модель? А как же узнать, способен ли человек думать и анализировать проект, с которым ему придётся работать? Угадывая наперёд, где какое наследование будет уместно, где понадобится динамика или шаблонизация при росте проекта, чтобы на каком-то этапе не споткнуться о собственные костыли, когда без концептуальной перевёрстки проект становится ущербным и дико избыточной вёрсткой и страшной таблицей стилей? Не замыкаясь на ограниченной задаче &#8220;отверстать вот эту, присланную утром картинку&#8221; лишь бы отображалось похоже и гордиться этим, громко споря и заявляя &#8211; не важно, что там внутри и как оно написано, главное, что отображается похоже и кроссбраузерно, и валидацию даже сайты <a href="http://www.artlebedev.ru/">Артемия Лебедева</a> не проходят, и лучший валидатор — браузер! Эх, икается, наверное, господину Лебедеву, кумиру юных, нуждающихся в авторитете, подражающих даже в ошибках&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.nundesign.com/design/2008/07/integrator-xhtml-css/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Дела сайтостроительские. Разработка</title>
		<link>http://blog.nundesign.com/design/2007/09/web-site-css-make-up/</link>
		<comments>http://blog.nundesign.com/design/2007/09/web-site-css-make-up/#comments</comments>
		<pubDate>Fri, 14 Sep 2007 10:17:15 +0000</pubDate>
		<dc:creator>nundesign</dc:creator>
				<category><![CDATA[дизайн]]></category>
		<category><![CDATA[офисное]]></category>
		<category><![CDATA[.NET]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[RadControls]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[веб-дизайнер]]></category>
		<category><![CDATA[визуальный дизайн]]></category>
		<category><![CDATA[дизайнер]]></category>
		<category><![CDATA[интерфейс]]></category>

		<guid isPermaLink="false">http://blog.nundesign.com/design/2007/09/web-site-css-make-up/</guid>
		<description><![CDATA[Недавно один из наших программеров в личке поделился сокровенным: оказывается во многих софтконторах, где уровень проектов плюс-минус приближен к нашему, одно из важных требований к программерам - обязательное знание html (xhtml)+css на достаточно глобальном уровне!]]></description>
			<content:encoded><![CDATA[<p>Недавно один из наших программеров в личке поделился сокровенным: оказывается во многих софтконторах, где уровень проектов плюс-минус приближен к нашему, одно из важных требований к программерам &#8211; обязательное знание html (xhtml)+css на достаточно глобальном уровне! Надо же&#8230; Раньше на эту тему никто у нас и не задумывался, а тут вдруг попёрло что-то, да ещё и подхлёстывается <a href="http://nundesign.livejournal.com/168627.html?nc=68">неожиданными дискуссиями</a> в тему &#8220;разделения/распределения обязанностей&#8221;.</p>
<p>У наших программеров (.NET) такого требования не было и на собеседованиях никто ничего по теме вёрстке у них не спрашивал &#8211; основная среда разработки &#8211; M$VS, и знания тестировались только возвышенно-программерские. Вёрстку, как следствие, в большинстве своём публика знает только в первом приближении, и в том случае, когда начинается работа с интерфейсом и публике всё же приходится свои рабочие контролы как-то размещать на странице, они городят совершенно безумный код, разумеется, не ручками, а в режиме &#8220;design&#8221; &#8211; этого лучше не видеть, скажу только, что, когда я получаю в работу очередную страницу, основное время уходит на удаление всего того кода, который там предусмотрительно набодяжен.</p>
<p>Клиенты ныне настолько разбалованные аяксом, что требования к интерфейсам (во всяком случае служебным интерфейсам на сервисы) у них довольно масштабные, посему в конторе очень много используют как готовых решений типа telerik, RadControl и иже. Деревья, закладки (имитация виндовых &#8220;табов&#8221;), хитрые &#8220;комбобоксы&#8221; с расширенной функциональностью и прочее, и прочее. Иногда прокатывает &#8211; просто взять готовое и &#8211; напильником (в том числе и визуал), иногда так складывается, что напильником приходится из подводной лодки допиливать реактивный самолёт, и, оценив масштаб /когда готовый контрол доработать теоретически реально, но, для узкой задачи он, с одной стороны, является избыточным и тяжеловесным, с другой стороны &#8211; ковыряться детальнейше в больших объёмах чужого кода &#8211; то ещё удовольствие/, принимаем решение делать свой контрол (но на это понадобится, к примеру, один рабочий день. Как правило это самое трудное &#8211; выбить этот самый один рабочий день).<span id="more-80"></span></p>
<p>Недавно, почти довёв до совершенства RadControls Tabstrip`овские закладки под поставленную задачу наткнулись, что как раз незатейливую заказанную клиентом фичечку реализовать просто не получается, контрол же сам по себе &#8211; ничего военного, со всем напором юношеского энтузиазма убедили руководство выделить для работы нам время, и сели с программером его сочинять. Я ему прикинула модель тегов, расписала, где нужны будут идентификаторы и где куда мне генерить какие именованные классы (разумеется, использовали в разметке двухуровневые ненумерованные списки) , и какими спанами куда и что обрамить (первоуровневые элементы по событиям визуально становятся похожи на закладки же ж со сглаженными краями, но при этом ПРОИЗВОЛЬНОЙ ШИРИНЫ). Дальше была разделённая работа &#8211; я писала таблицу стилей, программер &#8211; логику выгребания из xml имён первого уровня, второго уровня, да в зависимости от определённого при авторизации статуса юзера, да&#8230; короче, написали. Супер получилось. Вот кстати тогда он и поделился информацией (с ужасом, как мне показалось), что в некоторых фирмах подобные контролы пишутся программерами при НЕЗНАЧИТЕЛЬНОЙ дизайнерской поддержке (ну, там, придумать-нарисовать эти самые картинки на закладки и, возможно, порезать их же).</p>
<p>А мне подумалось, что как раз легче работать &#8220;в паре&#8221; с теми программистами, которые не заморачиваясь вообще на &#8220;размещение&#8221; их рабочих контролов на странице кидают их&#8230; в столбик на голую страницу. Так кст. говоря, легче, проще и быстрее. Хотя &#8211; признаю, всё не так плохо, и программеры часто подходят с вопросами по вёрстке и стилям, и (не часто, но всё же) иногда что-нибудь не сложное пишут сами (предупреждая вежливо, что вот создали класс и описание его закинули в .css файл, ничего? Имя нормальное? описание не безграмотное? Ничего, говорю, нормально-красиво-до-стерильности-сама-доведу).</p>
<p>А хуже мне с моими дизайнерами.  Как-то почти месяц назад с одним из чуть конфлик не возник. Что-то он там недодоговорился про оплату, закапризничал, типа оценивает свои знания выше. В общем то не важно, там отчасти сам парень прорастяпился, юный ещё, несерьёзный, как дитё малое, отчасти руководство &#8220;таке затуркане, таке затуркане&#8221;, но то не о том речь. А о том, что в начале недели я собрала тех дизайнеров, которые типа &#8220;технические&#8221;, в общем, верстальщики, и по оценке их труда за месяц честно им сообщила: ребята, верстать вы нифига не умеете. Не умеете. И, благо, работа им на первое время была не сложная и малоответственная (и малокомандная опять же &#8211; что тоже имеет значение) &#8211; дофига пятистраничных сайтов с практически похожей структурой (модульной сеткой и типовыми страницами). Рисующие рисовали, верстающие за ними верстали. Писала о начале их творческой жизни <a href="http://blog.nundesign.com/design/2007/08/programmer-designer/">здесь</a> и <a href="http://blog.nundesign.com/design/2007/08/office-designers/">здесь</a>. Посчитала я, что такая не особо ответственная и простая (html-ная) вёрстка &#8211; самое то, что нужно новичкам на раскачку. Но уже, когда проводилась работа над ошибками (с каждым из), мягко говоря, была под впечатлением.</p>
<p>И я не против, когда разработчик хочет себе высокую оплату своего труда, и сама убеждаю руководство, что платить надо больше, и меня, разумеется, радует, что учиться они всё-таки хотят, только реально учатся пока медленно почему-то, но повторять стопятый раз фразы типа &#8220;у таблицы нет атрибута valign!&#8221; &#8220;что опять делает padding в стиле картинки? Создаёт поле от картинки до неё же?&#8221; &#8220;опять незакрытые теги! Опять не закрыты картинки, br`ы, но ладно, здесь просто обучиться. Но абзацы-то, абзацы мы научимся закрывать?&#8221; Я уж не говорю про лекции о семантике и логике, обычной логике. Ладно один из верстальщиков (оправдываясь, обиделся)  говорит &#8220;я же говорил, что ещё не освоил дивную вёрстку и буду верстать пока таблицами, вы же разрешили!&#8221; &#8211; Б-блин. Да. Подтверждаю. Разрешила. Сделать колоночный макет таблицей. Но.Напрудить мне десяток (а в целом &#8211; 24) вложенных таблиц для того, чтобы РАЗМЕТИТЬ В ОДНОЙ СТРОКЕ ПЯТЬ ЗАГОЛОВКОВ И ПЯТЬ СТРОЧЕК ТЕКСТА вложенными таблицами &#8211; это уже не имеет отношение к дивной вёрстке, это, извиняюсь, имеет отношение к ОСНОВАМ HTML и ОСНОВАМ ЗДРАВОГО СМЫСЛА, будут они обижаться или нет. Ок, разобрали с ним вёрстку на примере того, что делал он и того, что переделывала я (не изменив своего обещания разрешить таблицу для колоночного макета, свести весь макет из 24 таблиц к одной), отметили те атрибуты, которые просто являются ошибкой (т.к. не существуют и не работают), те атрибуты и теги, которые являются логической ошибкой (т.е. нарушают логику документа и, как следствие, усложняют вёрстку, прежде всего из-за непредсказуемости ошибок, хрен найдёшь потом почему у него что-то куда-то уползло), и те, которые в целом написаны верно *(с т. зр. логики вёрстки), но избыточно, т.е. код, который в оптимизированном виде использовать проще, да оно и нагляднее получается с т.зр. читабельности всего созданного филе другим разработчиком или даже этим, скажем, через недельку.</p>
<p>Со вторым там всё ещё более запущено. Меня, конечно, безмерно радует энтузиазм, желание быстрее научиться и делать правильно, но ошибки, которые генерит второй, пугают больше. Сами понимаете, если верстальщик не закрыл, к примеру, абзац, большого горя он никому не принёс. А вот если какой-то рульный контейнер (div), описание которого задаёт поведение всех дочерних объектов, а потом пол дня ищет, почему у него всё разъезжается, или ещё хуже, делает плавающую модель и удивляется, почему соскакивает блок (не понимаю, говорит, почему, я же размеры линейкой из макета в фотошопе снимаю!), а обнаруживается, что родительскому объекту задан фиксированный width (ой, а откуда это? я этого не писал! это DW сам прописывает!) потому что в режиме &#8220;Design&#8221; в DW он где-то как-то за что-то потянул, а потом в коде не проверил&#8230; и.. ой, ну там короче много всего, больше похожего на анекдот (я почти уверена, что он не издевается, что он не специально).</p>
<p>В общем получается, что на большие дотнетовские проекты вывести ни одного из них не могу. Для примера показывала им среду VS, объясняла, что валидатор должен быть включен у всех программистов, но если на одну программерскую ошибку валидатор станет выдавать двести ошибок вёрстки дизайнерской, то это&#8230; несколько усложнит работу над проектом в целом&#8230; и отношение к такому усложнившему работу дизайнеру будет даже не с профессиональной т.зр., а с чисто человеческой, отнюдь не суперским. Ещё тёмную устроят. Шутка.</p>
<p>Заодно пришлось подгонять откровенным шантажом. Объяснять одну простую тупую вещь. Если я из одного проекта в другой буду каждый вечер сидеть до десяти вечера в офисе и ПЕРЕДЕЛЫВАТЬ  работу, набодяженную нашими капризными и такими требовательными к  уровню зарплаты труженниками веб-девелопмента, то нафиг надо тратить фирме зарплатный фонд на поддержку их капризов? Я согласна на премиальные, сделаю сама, как и раньше &#8211; когда я одна работала, в целом работы, может быть, было и поменьше, но не в шесть раз, точно не в шесть, и &#8211; успевала, тяжело было, но хотя бы контролируемо (хочешь сделать хорошо, сделай это сам!)</p>
<p>Тут я, разумеется, лукавила. Потому что даже послеотпускной трёхнедельный дедлайн в августе-начале сентября, когда надо было, и сделали, и круто, и зарплату подняли, и сверхурочные заплатили, и премию, и казалось бы &#8211; с чего бы мне быть недовольной? А вот с чего. Нафиг такие напряги. Здоровье подорвало, бессонницы начались, приступы странные с вызовом скорой в офис, с мужем проблемы слёзные, хозяйки мол дома нет &#8211; не в деньгах ведь счастие, так?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.nundesign.com/design/2007/09/web-site-css-make-up/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>
