Вёрстка проекта в CSSSR

Вы собираетесь заказать волшебное превращение макетов в шаблоны.

Обратите внимание, что после получения заказа мы свяжемся с вами для уточнения нюансов. Пожалуйста, учитывайте, что для согласования всех условий заказа, а также расчёта стоимости и сроков выполнения проекта потребуется некоторое время.

Вы можете поделиться ссылкой на архив или ссылкой на папку проекта в Dropbox, Google Drive, Яндекс.Диске или любом другом облачном сервисе.
Перетащите файлы проекта сюда
Обычный загрузчик

Современные браузеры

Устаревшие браузеры

Мобильные платформы

Ширина страниц

Дополнительно

  • ?
    По умолчанию мы допускаем погрешность до 5 пикселей в размерах блоков отступов и плашек. Однако по вашей просьбе мы готовы подогнать вёрстку под макет со 100% соответствием.
faq-1

БЫСТРЫЙ СТАРТ

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

Какой порядок действий и что нужно для старта проекта?

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

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

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

Как быстро я получу ответ менеджера?

На первоначальную обработку заказа и подготовку списка уточняющих вопросов нам требуется порядка 1 часа. В выходные и праздничные дни может потребоваться немного больше времени.

У меня уже есть техническое задание на вёрстку, как его вам передать?

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

faq-2

ГАРАНТИЯ ДЕДЛАЙНА

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

Когда можно будет посмотреть, что получается?

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

Когда я смогу получить финальный результат?

Пожалуйста, закладывайте в ваш медиа-план время, которое может потребоваться на отладку сложных эффектов по вашему вкусу, согласование и подписание закрывающих проект документов. Мы передадим вам архив с html-исходниками в течение 1 рабочего дня после согласования проекта, если к этому моменту проект уже оплачен полностью.

Мой проект очень срочный, можно поставить его вне очереди?

Да, можно. За срочность, как правило, мы берём дополнительную наценку, но только в том случае, если располагаем свободными ресурсами, и если это не отразится на сроках сдачи других проектов. Мы рекомендуем заранее планировать тайминг проекта таким образом, чтобы на вёрстку в нем было предусмотрено не менее 60% от сроков, затраченных на создание дизайн макетов.

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

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

faq-3

БЕЗНАЛИЧНЫЙ РАСЧЁТ ПО ДОГОВОРУ

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

Какой порядок расчётов?

Минимальный размер аванса, необходимый для начала проекта — 50%. Оставшаяся часть бюджета оплачивается по завершении работ. Обратите внимание: если вам требуется получать и использовать результат по мере готовности, необходимо будет оплатить 100% бюджета авансовым платежом.

Работаете ли вы по агентской схеме расчётов?

Мы всегда открыты к диалогу.

Можем ли мы подписать NDA?

Да.

Как можно оплатить?

Мы принимаем оплату по безналичному расчёту от юридических лиц, а также с помощью банковских карт (Mastercard, Visa).

Как получить документы для бухгалтерии?

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

faq-4

СОВРЕМЕННЫЙ ПОДХОД

Чтобы превращать PSD в HTML, мы используем следующие технологии: HTML5, CSS3, Gulp, Jade, Stylus, NPM, а также (опционально) PostCSS, Haml, Grunt, Slim, Less, Sass, jQuery, AngularJS, ReactJS.

Как понять, какие браузеры нужно учитывать?

Ответьте на вопрос: кто ваша целевая аудитория? Действительно ли вы ориентируетесь на людей, у которых за 5 лет не было подходящего случая обновить браузер? Поддержка ранних версий (ниже девятой) браузера Internet Explorer в наше время требуется только для специфической целевой аудитории. Например, если вы создаете сайт для сотрудников госучреждения. Мы можем поддержать сколь угодно древний браузер, если этого требует задача, но нужно ли именно это вашему проекту?

Используете ли вы систему контроля версий?

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

В каком виде я получу результат?

Мы можем предоставить результат в виде минифицированного кода (оптимизированного по скорости загрузки), в виде обычного форматированного html/css, либо в формате одного из препроцессора.

Можете ли вы сверстать мой сайт с использованием фреймворка Twitter Bootstrap?

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

Можно ли сверстать мой сайт под ретину?

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

МЫ ИСПОЛЬЗУЕМ МЕТОДОЛОГИЮ БЭМ

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

Что такое БЭМ?

Методология БЭМ определяет принцип организации и хранения кода для удобства самих же разработчиков. Использование или не использование методологии БЭМ не заметно для непосвященного пользователя.

В чём преимущества БЭМ?

Использование методологии БЭМ при разработке фронтенда в большинстве случаев облегчает последующую работу бэкенд-программистов. Использование подхода БЭМ позволяет делать блоки, из которых состоят страницы, менее зависимыми друг от друга, это упрощает последующую поддержку сайта. Условно говоря, удаление или добавление блоков на странице не влечет за собой поломок в вёрстке. Разработчики CSSSR применяют БЭМ в большинстве проектов.

Как понять, нужен ли БЭМ в моем проекте?

Бывают ситуации, когда использование БЭМ неоправданно или нежелательно. Чаще всего это обусловлено специфическими техническими требованиями. Если вы плохо понимаете техническую строну вопроса, то, скореё всего, БЭМ точно не навредит вашему проекту.

Что делать, если мне не нужен БЭМ?

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

faq-6

АДАПТИВ, РЕСПОНСИВ

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

Что требуется для создания адаптивной вёрстки?

Потребуются макеты, из которых будет понятно поведение сайта на мобильных устройствах. Мы рекомендуем проектировать макеты адаптивных и респонсив сайтов под следующую ширину экранов: 320px, 768px, 960px, 1280px.

Можно ли сделать сайт адаптивным не только по ширине, но и по высоте?

Да, это возможно. На профессиональном языке этот эффект называется «адаптивные экраны». Макеты сайта должны быть логически поделены на экраны, прокручивание которых происходит посредством анимации, без использования стандартного скролла браузера.

В чём разница между адаптивной и респонсив вёрсткой?

Адаптивная (adaptive) вёрстка подстраивается под конкретные размеры экранов, при этом не уделяется внимание промежуточным состояниям. То есть при изменении ширины окна браузера вёрстка сайта перестраивается только в определенные моменты. Отзывчивая (responsive) вёрстка подстраивается под все возможные размеры экранов, при этом по аналогии с адаптивной при определенной ширине предполагаются изменения в сетке сайта.

faq-7

ЛЮБЫЕ ИСХОДНИКИ

Мы верстаем из макетов, созданных в Adobe Photoshop, Adobe InDesign, Adobe Illustrator.

Почему важно создавать макеты шириной 960px?

Мы настоятельно рекомендуем всем веб-дизайнерам использовать стандарт 960 пикселей в ширину при проектировании сайтов. Технологии не стоят на месте, но по-прежнему, большое количество устройств, в частности, ноутбуки, нетбуки и планшеты, выпускается с шириной экранов 1024 пикселей. Если ваш макет будет шире, перед тем как сверстать, нам всё равно придётся подогнать его под ширину экрана 1024 пикселя — это усложнит процесс вёрстки.

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

Для нас важно, чтобы внутри макетов царил иерархический порядок в структуре слоёв и папок. Естественно, все элементы страниц должны быть вынесены в отдельные слои. Все эффекты и методы наложения слоёв должны быть приведены в режим «normal». Рекомендуем давать названия файлам макетов только на латинице. По возможности, все использованные в макетах маски нужно растрировать. Размеры шрифтов и другие параметры текстовых блоков должны быть выражены в целых пикселях.

Работаете ли вы со sketch-исходниками?

Да, работаем.

Уголок
Развитого
Socialisma
Контактная информация

Рабочее время с 12-00 до 21-00, понедельник — пятница.

Прием заказов sales@csssr.io

Вопросы трудоустройства hr@csssr.io

Для корреспонденции: 115114, РФ, г. Москва, ул. Летниковская, дом 2, стр. 3, а/я № 33, получатель ООО «Компани Нейм».

Анонсы вакансий тут