Киев

Украина

Основные требования к верстальщику : скорость и минимальное количество вопросов после получения ТЗ.
Требование к коду:
1. Сайт должен нормально работать в IE7+, FF3+, Opera9+, Safari4+, Chrome последней мажорной версии

2. Всегда описывайте цвет фона для body даже если он белый.

3. Если используете CSS хаки, комментируйте, что это и для какого браузера

4. Названия классов и id должны по смыслу соответствовать применению
например, header, menu, footer, news

5. Просьба разделять основные html блоки комментариями. Примерно так:



6. Все что можно сделать без Javascript, делать без него.

7. В папке с изображениями не должно быть картинок, не использующихся в верстке. 

8. Для всех элементов, которые могут содержать текст различной длины, который должен быть вписан в одну строку (например, для кнопок или заголовков, если в дизайне не предусмотрено, что они могут занимать больше одной строки), обязательно задавайте CSS свойство white-space:nowrap.

9. CSS файл должен быть разбит с помощью строк с комментариями на блоки по функциональному назначению, например:

 /* ___________1. Сброс CSS____________________*/
 /* ___________2. Типовые элементы____________*/
 /* _______________2.1. Залоговки______________*/
 /* _______________2.2. Ссылки________________*/
 /* _______________2.3. Элементы форм_________*/
 /*___________3. HEADER (Шапка сайта) __________*/
 /*___________4. FOOTER (Подвал )_______________*/
 /*___________5. SIDEBAR (Справа)_______________*/


Как именно структурировть стили — вопрос немного холиварный, но главное — как-то это делать.

10. Если сдача верстки производится более чем одним этапом (например, верстальщик отправляет страницы по одной, или если ему возвращаются на доработку уже сверстанные страницы) и вы не используете систему контроля версий для верстки, исполнитель должен в обязательном порядке прикрепить файл с описанием изменений в макете примерно такого содержания:

 Добавил новые картинки в папку img,
 Картинки btnHome.jpg и btnFeedback.jpg уже не нужны, можно удалять
 Изменил html-код в секции файла anketa.html
 Добавил в конец файла main.css новые стили (начиная с .form_row и ниже).

11. Если вы делаете обработку событий при нажатии на ссылки, следите за тем, чтобы обработчики событий возвращали false, или же используйте href='javascript:void(0)' вместо популярного href='#', чтобы страница не скроллилась вверх.

12. Верстайте формы правильно: метки полей должны находиться в тегах label, имеющих правильно заполненный атрибут for. Предусматривайте при верстке форм элементы для вывода ошибок валидации и стили для неправильно заполненных полей. Если это не предусмотрено в т.з. и дизайне, обязательно обсудите это с заказчиком.

13. Если в макете используются нестандартные шрифты, обязательно оговорите, можно ли элементы с нестандартным шрифтом делать картинками, если нельзя — обсудите, с помощью какой технологии будет реализовано их отображение (sIfr, Cufon, etc.)

14. В макетах, где высота страницы зависит от контента (а таких, как правило, большинство), предусматривайте, чтобы футер был прибит к низу браузера при отсутствии/малом количестве контента, если не оговорено обратное.

15. Если макет не проходит 100%-ную html-валидацию, постарайтесь по крайней мере делать так, чтобы использование невалидного кода было оправданно. Не стоит факапить валидность верстки только потому, что «мне так нравится» или «так получается короче»


По желанию верстальщика, можно использовать дополнительные библиотеки, такие как Jquery, но предварительно оговорить с менеджером. 
Так же можно использовать framework bootstrap. 

От верстальщика ждем примеры работ, а так же желаемую сумму по работе. 

Тематика сайта: сайт знакомств.

Сроки короткие.

Основные требования к верстальщику : скорость и минимальное количество вопросов после получения ТЗ.
Требование к коду:
1. Сайт должен нормально работать в IE7+, FF3+, Opera9+, Safari4+, Chrome последней мажорной версии

2. Всегда описывайте цвет фона для body даже если он белый.

3. Если используете CSS хаки, комментируйте, что это и для какого браузера

4. Названия классов и id должны по смыслу соответствовать применению
например, header, menu, footer, news

5. Просьба разделять основные html блоки комментариями. Примерно так:



6. Все что можно сделать без Javascript, делать без него.

7. В папке с изображениями не должно быть картинок, не использующихся в верстке. 

8. Для всех элементов, которые могут содержать текст различной длины, который должен быть вписан в одну строку (например, для кнопок или заголовков, если в дизайне не предусмотрено, что они могут занимать больше одной строки), обязательно задавайте CSS свойство white-space:nowrap.

9. CSS файл должен быть разбит с помощью строк с комментариями на блоки по функциональному назначению, например:

 /* ___________1. Сброс CSS____________________*/
 /* ___________2. Типовые элементы____________*/
 /* _______________2.1. Залоговки______________*/
 /* _______________2.2. Ссылки________________*/
 /* _______________2.3. Элементы форм_________*/
 /*___________3. HEADER (Шапка сайта) __________*/
 /*___________4. FOOTER (Подвал )_______________*/
 /*___________5. SIDEBAR (Справа)_______________*/


Как именно структурировть стили — вопрос немного холиварный, но главное — как-то это делать.

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

 Добавил новые картинки в папку img,
 Картинки btnHome.jpg и btnFeedback.jpg уже не нужны, можно удалять
 Изменил html-код в секции файла anketa.html
 Добавил в конец файла main.css новые стили (начиная с .form_row и ниже).

11. Если вы делаете обработку событий при нажатии на ссылки, следите за тем, чтобы обработчики событий возвращали false, или же используйте href='javascript:void(0)' вместо популярного href='#', чтобы страница не скроллилась вверх.

12. Верстайте формы правильно: метки полей должны находиться в тегах label, имеющих правильно заполненный атрибут for. Предусматривайте при верстке форм элементы для вывода ошибок валидации и стили для неправильно заполненных полей. Если это не предусмотрено в т.з. и дизайне, обязательно обсудите это с заказчиком.

13. Если в макете используются нестандартные шрифты, обязательно оговорите, можно ли элементы с нестандартным шрифтом делать картинками, если нельзя — обсудите, с помощью какой технологии будет реализовано их отображение (sIfr, Cufon, etc.)

14. В макетах, где высота страницы зависит от контента (а таких, как правило, большинство), предусматривайте, чтобы футер был прибит к низу браузера при отсутствии/малом количестве контента, если не оговорено обратное.

15. Если макет не проходит 100%-ную html-валидацию, постарайтесь по крайней мере делать так, чтобы использование невалидного кода было оправданно. Не стоит факапить валидность верстки только потому, что «мне так нравится» или «так получается короче»


По желанию верстальщика, можно использовать дополнительные библиотеки, такие как Jquery, но предварительно оговорить с менеджером. 
Так же можно использовать framework bootstrap. 

От верстальщика ждем примеры работ, а так же желаемую сумму по работе. 

Тематика сайта: сайт знакомств.

Сроки короткие.

Алексей alexey_sysoev

Нужен верстальщик на проект