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

03.02.2018 Выкл. Автор admin

Профессия верстальщик

Верстальщики бывают двух типов — одни работают в web-индустрии и создают сайты и web-контент, другие работают в рекламной и типографской области и готовят полиграфическую продукцию к печати.

HTML-верстальщик

HTML-верстальщик (или веб-верстальщик, верстальщик сайтов) отвечает за то, чтобы сайт отображался во всех популярных браузерах одинаково, и при этом все интерактивные и динамические элементы работали корректно.

При создании сайта, верстальщик создает из дизайн-макета html-шаблоны, которые в дальнейшем используются при установке системы управления сайтом. Он принимается за дело после веб-дизайнера и до php-программиста. Часто специалист создает весь интерактив на сайте (обработчики событий, формы отправки сообщений, всплывающие сообщения, хитрый скроллинг, вкусные фишки и т.д.)

Дизайнер-верстальщик (полиграфия)

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

Должность верстальщика присутствует в интернет-агентствах, веб-студиях, интернет СМИ, рекламных агентствах, в типографиях, на телевидении, а также в ИТ-отделах или рекламных службах некоторых организаций.

История профессии

Профессия верстальщика появилась примерно во времена зарождения печатного дела. Первые специалисты готовили станки к печати текстов и картинок вручную. С появлением компьютеров и специальных графических редакторов спрос на дизайнеров-верстальщиков сильно увеличился. Когда появился Интернет, потребовались html-верстальщики — специалисты, знающие язык гипертекстовой разметки HTML.

Обязанности верстальщика

Должностные обязанности html-верстальщика включают в себя:

  • Верстка шаблонов под стационарные мониторы и мобильные устройства (на основе готовых psd-макетов).
  • Верстка е-мейл рассылок и промо-страниц.
  • Интеграция шаблонов в CMS.
  • Программирование на JavaScript и AJAX.

Иногда в задачи html-верстальщика входит консультирование клиентов (тех. поддержка), SEO-оптимизация и улучшение юзабилити сайтов.

Должностные обязанности дизайнера-верстальщика заключаются в следующем:

  • Дизайн и верстка печатной продукции (каталоги, плакаты, буклеты, календари и т.п.).
  • Подготовка макетов к печати.
  • Обработка фотографий и картинок.
  • Иногда в обязанности входит сама фотосъемка.

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

Основные требования к html-верстальщику таковы:

  • Хорошее знание HTML, CSS (знание блочной и табличной верстки).
  • Знание JavaScript, jQuery, AJAX.
  • Базовое знание Photoshop (как правило, на уровне резки макетов)
  • Умение верстать сайты валидно и кроссбраузерно (IE включительно)
  • Английский язык на уровне чтения технической литературы

Иногда от специалиста требуется:

  • Знание XHTML, PHP, MySQL.
  • Знание Illustrator, CorelDRAW.
  • Опыт верстки шаблонов для популярных CMS (Joomla, 1С-Битрикс, Drupal, WordPress, UMI.CMS и другие).
  • Знание плагинов (чаще всего для Firefox) для тестирования верстки.
  • Умение работать с CSS-препроцессорами (STYLUS, SASS/SCSS, LESS и других).

Требования к дизайнеру-верстальщику скромнее:

  • Знание программ дизайна, верстки и предпечатной подготовки (Photoshop, Illustrator, Indesign и т.п.).
  • Опыт подготовки макетов к печати.
  • Знания композиции, формообразования, сочетания цветов, типографики.
  • Наличие художественного вкуса и творческого мышления.

Образец резюме верстальщика

Как стать верстальщиком

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

Чтобы стать html-верстальщиком, необходимо знать три основные вещи: html, css и уметь верстать шаблон на основе дизайн-макета, сделанного в Photoshop.

Первые навыки верстки можно получить на любых курсах (кратко или долгосрочных) или в любом самоучителе, найденном в интернете. Имея базовые навыки html-верстальщика и небольшое портфолио своих проектов (3-4 сверстанных сайта), можно устроиться в штат какой-либо интернет-студии в качестве младшего специалиста. Хорошим верстальщиком вполне реально стать за 2-3 года работы.

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

Зарплата верстальщика

Заработная плата верстальщика колеблется от 15 до 75 тысяч рублей в месяц. Главный фактор уровня заработка — опыт специалиста. На втором месте стоит регион (например, в Москве платят существенно больше).

Средняя зарплата верстальщика составляет 50 тысяч рублей в месяц.

Обязанности HTML-верстальщика

Что должен уметь делать HTML-верстальщик сайтов.

Что должен уметь делать HTML-верстальщик сайтов. С каждым годом требования к верстальщикам растут, появляются новые технологии, новое программное обеспечение и т.д.. И конечно же каждый заказчик хочет найти максимально компетентного исполнителя. Есть общие требование которые помогут начинающим и не только. Здесь вы узнаете что должен знать и уметь верстальщик, но все же не стоит останавливаться только на этом, всегда есть и будет что подучить.

HTML-верстальщик должен знать:

  • HTML и CSS на 100%. Именно с помощью этих языков разметки и происходит верстка страницы с макета дизайнера. При этом верстальщик должен учитывать все особенности, предпочтения и версии этих языков для того, чтобы осуществлять верстку страниц любой сложности;
  • JavaScript или jQuery. JavaScript (jQuery) используется для реализации различных динамических элементов на странице (слайдеры, калькуляторы и т.д.). jQuery — набор готовых функций, написанных на языке JavaScript (так называемый, фреймворк);
  • Photoshop. Верстальщик должен уметь работать в Adobe Photoshop и обладать знаниями веб-дизайна для того, чтобы при анализе макета до верстки указать дизайнеру на его ошибки и, если потребуется, быстро сделать поправки в макете без особых усилий;
  • Язык программирования PHP. В арсенале верстальщика должно быть представление о языке PHP и о том, как программист будет натягивать верстку сайта на движок;
  • Как работает CMS и ее API. Обычно верстка сайта делается под какой-то конкретный движок и в большинстве случаев ставится на бесплатную CMS. Знание того, как работает CMS, а также ее особенностей, нужно для того, чтобы у человека, который будет работать с вашей версткой, не возникало проблем при ее «натяжке». Только плюсом будет идеальное знание API одной или нескольких CMS. Например, клиент может заказать изготовление шаблона на CMS у вас.
  • SEO-оптимизацию. HTML-верстальщик обязательно должен ориентироваться в SEO, потому что оптимизация сайта начинается именно с первых строк верстальщика.

Что должен делать HTML-верстальщик:

  • Кроссбраузерную верстку — учет особенностей отображения кода веб-страницы во всех браузерах любой операционной системы.
  • Валидную верстку сайта — написание HTML и CSS-кода, соответствующих стандартам W3C (компании, разрабатывающей и внедряющей интернет-стандарты), и проходящим тест на валидаторе.
  • Семантическую верстку. Осмысленное расположение фрагментов кода на странице, правильное использование тегов, понятные название классов и идентификаторов.
  • Оптимизацию под поисковые системы. От верстальщика вы должны получить полностью оптимизированную верстку, начиная от наличия тегов title, description, keywords до присутствия alt в картинках и title в ссылках.
  • Оптимизировать скорость загрузки сайта:
    • За счет уменьшения количества кода, но не в ущерб читаемости и производительности;
    • За счет уменьшения веса и количества картинок (так называемая, верстка спрайтами).
  • Уметь работать с CMS и ее API. Даже если вам не нужно получить от верстальщика готовый шаблон, но вы планируете использовать его верстку для изготовления шаблона на нужную вам CMS, верстальщик все равно должен знать требования к верстке данной CMS.
    • верстка шаблона под CMS подразумевает изготовление простой верстки (HTML + CSS) с учетом требований данной CMS. То есть, на выходе вы не получаете готовый шаблон, а вам еще нужно будет искать человека который сделает шаблон из этой верстки;
    • изготовление шаблона под CMS включает верстку и изготовление из этой верстки готового шаблона, который на 100% готов для дальнейшего использования.

    Предоставлять качественный сервис

    Должен гарантировать качество проведенной работы, не подводить по срокам и вовремя вносить правки, если потребуется.

    Сколько ты стоишь? Верстальщик

    Заработная плата верстальщика в Москве — от 40 до 135 тысяч рублей в месяц в зависимости от сферы применения и уровня специалиста. С помощью данных Superjob разбираемся в нюансах рынка.

    Для многих верстка — самый простой способ войти в сферу веб-разработки и вообще информационных технологий. По этой причине 30% от общего количества резюме публикуют женщины (что по сравнению с большинством других девелоперских позиций является достаточно высоким значением) и только 20% соискателей готовы к переезду в другой город при наличии интересных предложений.

    К чему стоит готовиться при публикации резюме?

    I. Новичкам с опытом до 1 года
    Требования:

    • Среднее профессиональное образование (техническое или IT);
    • HTML, CSS, JQuery на должном уровне;
    • Понимание основных методов верстки, преимуществ и недостатков каждого;
    • Умение ориентироваться в работе браузеров, понимание особенностей каждого и знание их возможностей;
    • Понимание принципов back-end и front-end разработки.

    Специалист такого уровня, например, успешный выпускник профильных курсов, может рассчитывать на оклад до 45 в Москве и 36 в Санкт-Петербурге.

    II. Молодой специалист с опытом от 1 года
    Для перехода на следующий уровень верстальщику помимо подтверждения более чем годичного опыта работы необходимо продемонстрировать:
    — Знание принципов семантической верстки,
    — Умение работать с графикой,
    — Навыки кросс-браузерной верстки,
    чтобы претендовать на зарплату до 57 в Москве и 46 в Санкт-Петербурге.

    III. От 2 лет успешной работы + глубокое знакомство с web
    Пара лет интенсивного развития — это солидно для верстальщика, но знаний только верстки уже недостаточно, чтобы позиционировать себя уверенным игроком на рынке труда. В процессе работы вам обязательно нужно освоить:

    • Адаптивную верстку;
    • PHP, Python, Ruby, Rails на базовом уровне;
    • Создание и внедрение шаблонов верстки.

    Кроме того, важно обладать оконченным высшим образованием и иметь портфолио со ссылками на реальные завершенные проекты.

    При наличии перечисленны свойств вы сможете рассчитывать на оклад до 85 и 68 тысяч рублей в месяц в Москве и Санкт-Петербурге соответственно.

    IV. От 3 лет работы с участием в крупных проектах

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

    Заработная плата для таких специалистов может достигать 135 для Москвы и 108 для Петербурга.

    • верстка веб-страниц и шаблонов с нуля;
    • работа с версткой и кодом существующих проектов;
    • работа с контентом;
    • установка макетов на CMS.

    Суммы средних окладов по отраслям:

    По данным Superjob

    Получить профессию "Верстальщик" можно на сайте GeekBrains.

    Заработная плата верстальщика в Москве — от 40 до 135 тысяч рублей в месяц в зависимости от сферы применения и уровня специалиста. С помощью данных Superjob разбираемся в нюансах рынка.

    Для многих верстка — самый простой способ войти в сферу веб-разработки и вообще информационных технологий. По этой причине 30% от общего количества резюме публикуют женщины (что по сравнению с большинством других девелоперских позиций является достаточно высоким значением) и только 20% соискателей готовы к переезду в другой город при наличии интересных предложений.

    К чему стоит готовиться при публикации резюме?

    I. Новичкам с опытом до 1 года
    Требования:

    • Среднее профессиональное образование (техническое или IT);
    • HTML, CSS, JQuery на должном уровне;
    • Понимание основных методов верстки, преимуществ и недостатков каждого;
    • Умение ориентироваться в работе браузеров, понимание особенностей каждого и знание их возможностей;
    • Понимание принципов back-end и front-end разработки.

    Специалист такого уровня, например, успешный выпускник профильных курсов, может рассчитывать на оклад до 45 в Москве и 36 в Санкт-Петербурге.

    II. Молодой специалист с опытом от 1 года
    Для перехода на следующий уровень верстальщику помимо подтверждения более чем годичного опыта работы необходимо продемонстрировать:
    — Знание принципов семантической верстки,
    — Умение работать с графикой,
    — Навыки кросс-браузерной верстки,
    чтобы претендовать на зарплату до 57 в Москве и 46 в Санкт-Петербурге.

    III. От 2 лет успешной работы + глубокое знакомство с web
    Пара лет интенсивного развития — это солидно для верстальщика, но знаний только верстки уже недостаточно, чтобы позиционировать себя уверенным игроком на рынке труда. В процессе работы вам обязательно нужно освоить:

    • Адаптивную верстку;
    • PHP, Python, Ruby, Rails на базовом уровне;
    • Создание и внедрение шаблонов верстки.

    Кроме того, важно обладать оконченным высшим образованием и иметь портфолио со ссылками на реальные завершенные проекты.

    При наличии перечисленны свойств вы сможете рассчитывать на оклад до 85 и 68 тысяч рублей в месяц в Москве и Санкт-Петербурге соответственно.

    IV. От 3 лет работы с участием в крупных проектах

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

    Заработная плата для таких специалистов может достигать 135 для Москвы и 108 для Петербурга.

    • верстка веб-страниц и шаблонов с нуля;
    • работа с версткой и кодом существующих проектов;
    • работа с контентом;
    • установка макетов на CMS.

    Суммы средних окладов по отраслям:

    По данным Superjob

    Получить профессию «Верстальщик» можно на сайте GeekBrains.

    Что требовать верстальщику от дизайнера

    Пока вы читаете эту статью, где-то создаётся сайт. И создание этого сайта может находиться на любом этапе создания: обсуждение, прототипирование, создание ТЗ, создание макета, вёрстка, программирование, тестирование, наполнение, продвижение или ещё что-нибудь. В этой статье я буду не освещать какой-то конкретный этап, но тема является очень актуальной. Я расскажу о переходе между созданием макета (т. н. дизайн сайта) и вёрсткой.

    Обычно верстальщик в момент подготовки к работе (просмотр макета и пр.) не может заранее увидеть какие-то подводные грабли, которые по неопытности оставил для него дизайнер. И вот, после того, как верстальщик дал честное пионерское, что всё будет свёрстано к вчера, начинается веселье.

    Итак, что же верстальщик должен потребовать от дизайнера перед началом работы?

    Для кого эта статья

    Эта статья для клиентов, дизайнеров и верстальщиков — все они заинтересованы в том, чтобы создание сайта было как можно более эффективным.

    Клиент, как самое заинтересованное лицо, должен понимать, что работы дизайнера и верстальщика тесно взаимосвязаны. От качества исполнения работы дизайнера зависит качество работы верстальщика.

    Чем лучше свою работу выполнит дизайнер, тем меньше его будут отвлекать в дальнейшем.

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

    И чем меньше в головах людей будет мелькать мысль «проблема не на моей стороне», тем лучше для всех.

    Стандартных шрифтов достаточно для 99% сайтов. Но, как обычно, всё упирается либо в буйную фантазию клиента, которому нужен нескучный сайт, либо в творческую личность дизайнера, который хочет использовать все шрифты, которые он когда-то скачал в наборе «1000 восхитительных шрифтов».

    Однако есть формула, позволяющая вычислить пользу (P) от использования сторонних шрифтов:

    Где F — количество сторонних шрифтов, M — количество макетов, S — зарплата дизайнера, а G = 0.

    Если результат устраивает, то дизайнеру необходимо приложить к макету также и файлы сторонних шрифтов, чтобы верстальщик мог их установить и использовать при вёрстке.

    Хорошие браузеры начали поддерживать прозрачность PNG задолго до того, как многие верстальщики сдали ЕГЭ. Поэтому, если в макете используются какие-то иллюстрации, фон которых зависит от цвета фона блока (особенно если этот цвет меняется динамически, например, при наведении), в котором он находится, то в макете такая иллюстрация должна быть с прозрачным фоном.

    На рисунке ниже изображения форм бриллиантов на белом фоне, хотя согласно дизайну активное изображение должно быть с другим фоном.

    Такое зачастую бывает, когда дизайнер накачал со стоков изображений вместо их отрисовки и вставил в макет. И если вовремя не заметить такой халтуры, то решений несколько: ждать неделями от «дизайнера» эти же изображения, но на прозрачном фоне, или нарисовать самому (поэтому, скорее всего, результат будет отличаться).

    Иконки позволяют пользователю быстрее понять назначение типовых элементов (например, иконка телефонной трубки рядом с номером телефона). Заставлять дизайнера рисовать типовые символы (иконка телефона, иконка @, иконка карты, конверт, дискета, иконки социальных сетей), которые нарисованы другими уже тысячи раз — это пустая трата времени. Поэтому рекомендуется использовать шрифтовые иконки, которые очень просто интегрировать на сайт. Самым популярным набором шрифтовых иконок с широкими возможностями является FontAwesome. Я рекомендую использовать его при создании макета сайта.

    Бывает такое, что макет имеет неверный масштаб. Например, макет, который должен иметь ширину 960px, дизайнер может сделать шириной 1920.

    «А что такого?» — спросит дизайнер.

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

    «Уменьши размер изображения один раз и макет будет в нормальном масштабе» — скажет дизайнер.

    Здравая мысль. Но почему она не пришла ему раньше? Да потому, что если привести макет к нормальному масштабу, то могут всплыть косяки. Например, мне однажды прислали макет сайта для экрана шириной 480px. И он нормально смотрелся. Ровно до тех пор, пока я не уменьшил макет действительно до 480px и не примерил его для смартфона с 5-дюймовым экраном.

    Здесь 2 источника проблем для дизайнера:

    1. Клиент, который сэкономил на дизайнере и заказал макет только для одного разрешения.
    2. Дизайнер, не имеющий понимания механизма адаптивности.

    В идеале нужно иметь в виду популярные разрешения экрана (можно узнать, например, в статистике mail.ru), а также уточнить у верстальщика, какой grid-фреймворк он использует. Допустим, я обычно использую grid-фреймворк, который имеет 12 колонок, две контрольные точки: 600px для мобильных устройств, 993px для планшетов, а максимальная ширина контейнера — 1280px.

    Дизайнер должен предусмотреть, как должна выглядеть навигация (меню) на всех контрольных точках и смежных значениях (например, 601px, 994px). Если дизайнер подготовил макет только для максимальной ширины 1280 пикселей, то он должен объяснить, как сайт должен выглядеть на широкоформатных экранах. Обычно достаточно добавить слева и справа поля, но иногда некоторые блоки необходимо всегда размещать на всю ширину экрана.

    Векторная графика

    Векторная графика хорошо подходит как для логотипов с иконками, так и для иллюстраций. Изображения в формате SVG не только имеют меньший объём, но и, что важнее, лучше выглядят на экранах с высокой плотностью пикселей. И если растровый логотип на дешёвом настольном мониторе может выглядеть нормально, то на смартфоне или планшете он, скорее всего, будет выглядеть размытым или пикселизованным.

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

    Считается хорошим тоном создать руководство по использованию макета — так называемый design guide. Обычно это руководство содержит общую информацию о всех макетах:

    • Используемые шрифты.
    • Используемые цвета и их CSS-представления (hex или rgba).
    • Отступы, кегль, интерлиньяж и пр.

    Допустим, дизайнер по невнимательности в одном макете сделал фон шапки цветом #233539, а в другом — #333538. В таком случае руководство должно разрешить неоднозначность.

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

    Пример хорошего ТЗ/гайдлайна для вёрстки?

    Лучше ТЗ верстальщику — макет. Все таки в этой профессии должна быть доля креативности и нужно удивлять клиента своими решениями. Если это не профессиональная студия из ТОП50 рейтингов, где описаны действительно необычные решения, обычно все ТЗ сводиться к пунктам вида «спасибо, кэп». Например — клик на иконкe гамбургера должен открывать мобильное меню, стрелки вперед/назад слайдера должны сменять слайды и т.д.

    По критериям — у каждого свои понимания о том что есть хорошо и плохо.

    Основные требования: здесь
    Примеры стайл-гайдов: здесь

    1. Требования к вёрстке: здесь, здесь, здесь, здесь
    2. Как проверять качество вёрстки: здесь.
    3. Как определять стоимость (трудозатраты) вёрстки одной унифицированной страницы: здесь.
    4. Требования к дизайнеру: здесь и здесь.
    5. Пример документации (генератор шаблона, Helix3 для CMS Joomla!): здесь
    6. Готовые «скелеты» шаблонов HTML5 для начала вёрстки: простой (с поясняющими комментариями), www.initializr.com (ещё 3 простых) и максимально полный html5boilerplate.com.
    7. Вопросы на вакансию верстальщика (front-end developer): здесь

    Basil_Dev,
    Ведь львиная доля заказов — это «вот, сделай как на картинке jpg/psd, а потом — поиграй шрифтами/цветами, а то что-то оно не такое как мне показывали». А ты сам ковыряйся и додумывай что там у дизайнера на уме было во время творческого порыва и с какой палитры он цвета для сайта брал. Это требования к дизайнеру и UI/UX специалисту, а не к верстальщику. Верстальщик делает лишь то, что утвердил заказчик с этим(и) специалистом(-ами).
    Смотрие 2-ю ссылку п.4 — дублирую линк.

    Здесь пример шаблона для верстальщика с поясняющими комментариями.
    И здесь полностью целиковый шаблон для начала вёрстки.

    Basil_Dev, Опять же, меня интересует не документация/best practices верстки, а примеры хорошего ТЗ от заказчика. Ну, конечно. Вы его и за его же деньги заставьте всё под «ключ» сделать ещё.

    То, о чём Вы говорите — это несколько шагов по утверждению с Заказчиком множества вопросов по следующим пунктам:
    1. Статика: расположения блоков для разных типов страниц (мокапы) — делает UI/UX
    2. Динамика: поведение блоков при взаимодействии со страницей (прокрутка страницы, наведение мыши на блоки/пункты меню, ввод данных в поля и т.д.) — UI/UX
    3. Стилизация (стайл-гайд): сетки размещения, границы/отступы, цвета, стилизация элементов и типографика (для создания новых блоков/элементов взаимодействия и страниц в едином стиле) — создаёт и документирует дизайнер на основе созданного и СОГЛАСОВАННОГО С ЗАКАЗЧИКОМ! дизайн-макета.

    После этого — читаем комментарий ниже 🙂

    flppv, Держите псд и делайте пиксель перфект Всё верно! Главное — чтобы psd был сделан грамотно: были слои с промежуточными состояниями отдельных блоков/элементов (hover, popup, edit hint, visited link и т.д.) и слои были по папкам и для разных разрешений экрана (не менее 3-х).

    Этот PSD и стайл-гайд к нему от дизайнера и будет основной частью ТЗ для верстальщика.

    Требования в вакансиях для верстальщиков?

    Просмотрев список вакансий для верстальщика, обнаружил достаточно большой список требований. Однозначно для кого-то это не большой список, для кого-то заоблачный.
    HTML/CSS, JavaScript, jQuery, AJAX
    Основы PHP
    Работа с WordPress
    Адаптивная верстка
    Препроцессор CSS

    это в общих чертах.
    В связи с этим вопрос:
    Реально ли это всё нужно, или просто пишут больше, а там уже кто откликнется на эту вакансию из тех и выбирают?

    • Вопрос задан более трёх лет назад
    • 1795 просмотров

    Г-да, не ломайте копий )

    Верстальщик владеет профессионально HTML\CSS

    + хорошо знаком с рядом графических программ и базовых технологий для уверенной работы с макетами от дизайнеров: иконки, растрово-векторные дела, спрайты.. понимание основ типографики и «usability» очень приветствуется 😉

    + верстак способен не накосячить в применении шаблонов JS (счётчики, эффекты и проч.)

    + также надо уметь не косячить, верстая в «смешанном» коде, с пересекающимися технологиями (PHP, JAVA, NODEJS ..), понимая основные языки программирования на уровне простейшего синтаксиса, и не более того (понимать механизмы работы «программерского» кода — лишнее, главное понимать, где начинается и где кончается «чужой» код, применение «»» и тд. )
    — в последнем верстальщику вполне помогают специализированные инструменты, подсвечивающие синтаксис и ошибки, например верстать в среде IntelliJ IDEA )

    Естественно, знание VCS SFTP/SCP основ работы с хостингом всегда приветствуется

    Вообще, умение быстро «раскусывать» проблемы и грамотный подбор инструментария для работы, по-моему, самые важные вещи для верстальщика

    Хороший верстальщик обязан это знать, за исключением WP — это опционально(CMS же).
    И, кстати, этот список можно дополнить Bootstrap’ом, например.

    Если уж речь пошла про PHP, то и Ruby on Rails тоже нужно знать. Как-будто под неё не верстают. А, следовательно, вместе с Rails вытекает ещё множество обязанностей, таких как знание CoffeScript, шаблонизатора и прочее.

    Короче говоря, эта тема очень сложная. Лучше как можно больше знать, а основное — по максимум.

    Какие современные требования к верстке?

    Всем привет! Пытаюсь собрать чек-лист, актуальных требований к верстке.

    Список, который можно дать верстальщику перед началом работы над проектам и сказать — придерживаемся этих правил/требований.

    Давайте общими силами накидаем?

    • кроссбраузерная адаптивная, семантическая вёрстка (HTML5)
    • использование препроцессоров
    • использование одной из архитектур БЭМ (или SMACSS)
    • Pixel Perfect верстка
    • GIT, GULP, SVG спрайты
    • Тестирование своей работы
    • Оптимизации кода
    • Вопрос задан более двух лет назад
    • 3126 просмотров

    Pixel Perfect это дело довольно мутное.

    С одной стороны, раздражают некоторые верстальщики, которые «не видят» как элементы плавают на плюс-минус несколько пикселей. Дизайнер убил кучу времени, вылизывая и балансируя отступы, а ему «да кто это заметит?»
    С другой стороны, не менее раздражает обратная крайность, когда в буквальном смысле докапываются до неизбежных микропогрешностей.
    Абсолютный pixel perfect в текущих технологических условиях невозможен. Разные движки рендерят по-разному. Но если стремиться к, условно говоря, almost pixel perfect — это да, хорошо.

    Причем верстальщик должен четко понимать, в каком месте погрешность это техническая неизбежность, а где его собственная неаккуратность. Погрешности второго типа, конечно же, надо по возможности искоренять.

    Другие публикации:  Какие есть льготы у пенсионеров по транспортному налогу