Так уж сложилось, что за последние годы мы поработали с большим количеством внештатных верстальщиков – фрилансеров. С некоторыми мы до сих пор вместе делаем интересные проекты. В связи с этим, хочу подвести некий итог, как же сделать так, чтобы работать с нами долго и плодотворно.
Думаю, этот пост будет полезен как тем, с кем мы уже сотрудничаем, так и тем, кто только хотел бы начать с нами работать. В любом случае, это некая систематизация наших требований и ожиданий от вашей работы, ребята.
Жёсткие требования – то что мы требуем по каждому проекту:
- Кросс-браузерная вёрстка: IE 7-8, Opera 9-10, Firefox 3, Chrome 4-5, Safari 4. В общих случаях IE6 не поддерживается, если не указано иное.
- Семантическая вёрстка, уместное применение Каждого тега, в том числе address, dl и других.
- Только блочная вёрстка, таблицы используются для представления табличных данных в контентной области.
- Если где-то необходим JavaScript – применяется только jQuery, желательно без плагинов.
- Валидная вёрстка, согласно установленному DOCTYPE (HTML, XHTML).
- Используйте каскадность стилей, незачем привязывать стили к id для каждого div в вёрстке.
- Страница тянется, если не указано иное. Минимально-поддерживаемое разрешение: 1024х768, страница тянется до 1200, далее фиксируется и центрируется.
- Кнопки являются кнопками, поля в форме – полями в форме, и не забываем про label и fieldset.
Что такое хорошо – эти пункты скорее всего повлияют на вашу общую карму:
- Графические элементы дизайна (фоны, кнопки, уголки и так далее) размещаются при помощи Image Map (css-спрайты).
- Не выносите ie.css отдельно через условный тег, пусть будет единый файл стиля.
- Приветствуется использование микроформатов hCard, hProduct, hNews, hCalendar, adr, geo, rel-directory, rel-enclosure, rel-home, rel-payment, если такие элементы есть в вашем проекте.
- Не стоит вставлять javascript и css в тело страницы, конечно если вы не верстаете одну промо-страницу. В любом случае нельзя использовать символы { и } внутри html-шаблона, потому как Smarty.
Стиль работы – чтобы работать без неожиданностей:
- Если в дизайн-макетах, которые вам выдали, отсутствуют заголовки, таблицы и списки внутри контентной области, потребуйте их, иначе потом придётся доделывать уже после окончания работ. У нас это называется “технический макет”.
- Обычно ошибки случаются. На моей памяти всего пара сайтов была свёрстана совсем без единой ошибки, а через меня их прошло около двухсот. Если вы не попадаете в тот 1% работ без ошибок, будьте готовы исправить свои недочёты. Чужие ошибки исправлять вас никто не заставит.
- Мы работаем по пост-оплате, такая особенность нашей бухгалтерии. Как только вы предоставляете макеты и правите все ошибки – получаете оплату. Если встаёт вопрос доверия – приходите, заключим договор.
- Если вдруг вы пролетаете по срокам, постарайтесь известить нас об этом как можно раньше, чтобы мы уладили все вопросы с клиентом. Если наш клиент из-за вас пострадает, скорее всего работать с вами в будущем мы уже не станем. Для связи мы обычно используем телефон, скайп, аську, мегаплан – инструментов предостаточно.
- Если на начало работ у вас остались хоть малейшие сомнения – лучше переспросите как нужно, а то вдруг не угадаете.
- Если вы фрилансер, с которым мы работаем – мы с радостью оставим отзыв в вашем профиле, но нам нужно об этом напомнить.
- Мы – позитивные и ответственные ребята, у нас всегда есть объёмы, с нами можно долго и плодотворно работать, если соблюдать все вышеописанные правила.
Пожалуй это всё, чего мы придерживаемся. Не по каждому проекту удаётся соблюдать все эти высокие требования, особенно по валидации и по Image Map, но мы стараемся, и за случайный nobr можно серьёзно пострадать физически.
Кстати, нам всегда нужны толковые верстальщики.
sitko-ru
3/06/2010 в 07:40
> страница тянется до 1200, далее фиксируется и центрируется.
интересно, что кто-то смотрит web при большем разрешении? голова с резьбы не скручивается? :)
> В любом случае нельзя использовать символы { и } внутри html-шаблона, потому как Smarty.
интересно почему? просто ради порядка?
так то там есть {literal}}…{}{}{}{}{}{}{}{…{/literal}
> Если в дизайн-макетах, которые вам выдали, отсутствуют заголовки, таблицы и списки внутри контентной области, потребуйте их, иначе потом придётся доделывать уже после окончания работ. У нас это называется “технический макет”.
вот за это уважуха!!! почему то дизайнеры считают это не нужным или очевидным :)
а верстальщик потом изобретать какую-нить хрень должен…
скока платите за макет?
3/06/2010 в 07:45
Давайте я вам чего-нибудь сверстаю… :-D
3/06/2010 в 07:47
Я умею верстать табличками в дримвивере, FAR and Notepad++
3/06/2010 в 07:53
>интересно, что кто-то смотрит web при большем разрешении? голова с резьбы не скручивается? :)
У меня 1920х1200. Не скручивается.
3/06/2010 в 07:54
>Niko
у нас в компании довольно много расширений 1200+, и мы трепетно относимся к ним :-)
3/06/2010 в 07:56
Сергей, ну что вы как школьник, разрешений, а не расширений.
3/06/2010 в 08:03
> так то там есть {literal}}…{}{}{}{}{}{}{}{…{/literal}
так то это делается гораздо проще – {ldelim} … }
в любом случае выглядит коряво
3/06/2010 в 08:06
[...] This post was mentioned on Twitter by Serj, Олег Мишин. Олег Мишин said: Как стать нашим верстальщиком http://blog.sitko.ru/2010/06/03/1186/ [...]
3/06/2010 в 08:13
у меня разрешение тоже большое, но я при этом не разворачиваю браузер в полный экран, а он успешно растянут до ширины 1280 и вполне себе отлично можно смотреть весь веб :)
а в оставшемся пространстве можно что-то параллельно смотреть или фильм или что-то мониторить, в противном случае читать что-то на такой резинке достаточно неудобно…
идея про 1200 конечно хороша в перспективе, но только вы наверное ее придерживаетесь :), что печально.
3/06/2010 в 08:15
А у меня даже на 1920 все приложения развёрнуты на весь экран. Мне так удобнее работать.
3/06/2010 в 09:03
Niko
> идея про 1200 конечно хороша в перспективе, но только вы наверное ее придерживаетесь :), что печально.
Нет, не только они :)
3/06/2010 в 11:48
>Сергей, ну что вы как школьник, разрешений, а не расширений.
да, опечатался, прошу прощения :-)
3/06/2010 в 11:53
> идея про 1200 конечно хороша в перспективе, но только вы наверное ее придерживаетесь :), что печально
Судя по статистике за прошлый месяц (liveinternet http://www.liveinternet.ru/stat/ru/resolutions.html) :
1024 х 768 – 25.0%
1280 х 1024 – 23.3%
1280 х 800 – 14.9%
Получается 1280 – гораздо больше чем 1024.
А далее смотрим:
1440×900 – 6.5%
1680×1050 – 5.0%
1920×1200 – 2.3%
1600×1200 – 1.9%
Получается 15.7% имеют разрешение более 1280 пикселей по ширине, а этого достаточно чтобы на них ориентироваться.
3/06/2010 в 12:05
Олег, остаётся только вопрос – все ли используют браузер развёрнутый на весь экран. Очевидно, что нет. А вот какой процент таких – чёрт его знает.
3/06/2010 в 12:31
Да, это вопрос, но по субъективным ощущениям, большинство разворачивают-таки браузер.
3/06/2010 в 12:59
Ну вот и я так думаю. В каких-то случаях лучше фиксировать максимальную ширину и центровать (у меня сайт на 1600 фиксируется), а где-то и полная ширина отлично смотрится (форум, например). Ещё можно делать всякие ухищрения типа картинок по бокам – сейчас популярен такой эффект, сайт сам не расширяется, зато вылазят картинки, хоть какая-то радость владельцам больших мониторов.
3/06/2010 в 13:03
Ага, всё зависит от проекта.
Гоша, кстати это считается, можно ради интереса посчитать процент таких неразвёрнутых браузеров на наших сайтах.
3/06/2010 в 13:39
Ну да, я понимаю что можно джаваскриптом брать и размеры браузера и размеры экрана. Если не сильно сложно – можно и посчитать, будет полезно, я думаю.
3/06/2010 в 14:03
Оплата своевременная и без задержек? Соцпакет и пр. всё ок?
4/06/2010 в 08:08
Вот тут мне очень нравится, как реализовано ;-)
(смотреть на ШИРОКОМ мониторе) http://www.ladoshki.com/
4/06/2010 в 18:43
Если в дизайн-макетах, которые вам выдали, отсутствуют заголовки, таблицы и списки внутри контентной области, потребуйте их, иначе потом придётся доделывать уже после окончания работ. У нас это называется “технический макет”.
Разве за этим не должен следить рт-директор/менеджер ?
8/06/2010 в 05:10
2 Андрей: как известно, лучшая жилетка – бронежилетка, поэтому если и нас ещё раз проверят – никому хуже от этого не будет, зато все будут довольны в результате.
15/12/2011 в 14:11
А какие технические макеты у Вас передаются верстальщикам? В них всё разложено по полочкам/папочкам в цветах и все слои подписаны? На практике сколько раз упрашивал дизайнеров работать со слоями так что бы в вёрстке было понятно – бестолку :(. У Вас вымуштрованные этим дизайнеры? :)
17/12/2011 в 21:15
Евгений, вроде да, по крайней мере стараемся)