Верстка
Детализированные характеристики верстки сайта в компании FLAMIX.SOFTWARE
Кроссбраузерно.
Сайт будет одинаково отображаться на всех версиях популярных браузеров. Тестируем в Chrome, Firefox, Safari, Яндекс.Браузер, Internet Explorer 11, Edge, Opera. Тестируем на Windows и на macOS (включая ноутбук с 13 дюймовым экраном). Также тестируем на планшете iPad 2 и на мобильных телефонах iPhone 6, iPhone 6 plus, HP.
Pixel Perfect.
Верстка полностью соответствовать дизайн-макетам (+/- 2 пикселя из-за особенности отображения шрифтов). Проверяем плагином, который накладывает дизайн-макет с прозрачностью на живой сайт.
Валидно.
Верстка проходит валидность. Проверяем тут - validator.w3.org. Стандарты: HTML5/CSS3. Все верстаем DIV-ами, без таблиц (кроме самих таблиц контента).
Семантично.
Используем БЭМ (методология web-разработки) от Яндекса. Это значит, что любой верстальщик, который использует эту же методологию воспримет наш код как свой. И да, ваш сайт будет максимально гибким.
SEO-верстка.
Все что сюда входит читайте тут (информация постоянно обновляется) - https://ru.flamix.software/about/news-article/seo-verstka-sayta/
Адаптивно.
Блоки с изменяющимся содержимым подстраиваются в соответствии с дизайном при уменьшении/увеличении контента. Подробно тут - https://ru.flamix.software/services/front-end/
Оптимизация для Google Page Speed.
Проверяем тут - https://developers.google.com/speed/pagespeed/insights/?hl=ru . На выходе максимум что можно выжать с верстки. Если заказываете еще и натяжку на движок, то будет 90+ (потому что на верстке нежелательно включать кэширование, минификацию кода, кэш браузера).
Оптимизация для мобильных (проверка от Google и Яндекс).
Верстка проходит тест на мобильность от Яндекс и Google.
Тест от Яндекс
Тест от Google
Ретина.
Верстка будет отлично отображаться на ретина дисплеях. Небольшие однотонные картинки интерфейса будут конвертированы в SVG для идеального отображения на ретина дисплее (дизайнер должен предусмотреть возможность конвертации). Большие растровые картинки сайта будут также оптимизированы для ретины. Картинки, которые заливаются через CMS, оптимизировать нет смысла (вы их все равно будете менять).
Типографика.
Текстовые блоки, которые будут заполняться через админку имеют прописаны стили для всех типов контента. С этого мы начинаем верстать любой сайт!
Прекомпиляторы (отдаем исходный код)
Для удобства и увеличения скорости написания кода используем прекомпиляторы SASS и SCSS ( на выбор, обычно SCSS ).
И разные мелочи:
● Стили не прописаны внутри HTML (кроме технических исключений);
● Комментируемый код (на русском или английском на выбор);
● Осмысленные имена классов и идентификаторов;
● Class для оформления, ID - для скриптов;
● Микроразметка ( schema.org ) – информация о компании и продукте (если поддерживаются);
● Легкая, чистая и быстрая верстка.
Верстка под битрикс.
Кратко - сайт делится на компоненты (уже на уровне верстки) со своими отдельными стилями и JS скриптами. Подробно тут - https://ru.flamix.software/services/bitrix/front-end.php (внизу, блок “Требования верстки под Битрикс”).
Сроки.
Если у вас завтра выставка, а работы там на 2-3 дня, мы не возьмем проект. Это значит, что мы уважаем сроки. Если у вас большой магазин который нужно верстать 30 дней, то мы максимально постараемся уложиться в срок (кстати, мы его называем с небольшим запасом). Но бывает так, что верстаешь и видишь что недооценил и есть вероятность опоздать, и тут постает выбор - сделать по быстренькому со всеми последствиями и уложиться в срок, или сделать качественно. Мы за 2й вариант, но обязательно согласуем с вами.
Помните, на FL.RU или других биржах каждый второй это новичок который начинает только что-то учить и потом уйдет работать в западную аутсорс компанию. Какая ему разница, верстать текстовые макеты бесплатно или попробовать на реальном заказе еще и деньги заработать? Так вот, учить людей или сделать хорошую верстку для вашего сайта - выбирать только вам!
Спасибо за понимание!