Фриланс: заказать «бэм»

Вёрстка готова. Стек вёрстки Jquery - js - css3 - scss - html5 - БЭМ. Бэкенд делаете на чём захотите.
ТЗ в файле. Прежде чем оставлять заявку, изучите все материалы.
Пишите примерные сроки и цену, телеграм, ответ -2*7=
Без данной информации заявки не рассматриваю. Свернуть

Добрый день! 
Нужно сверстать 3 страницы 
Требования к верстке: 
Структурные теги документа. 
Один стиль кода. 
Интуитивно понятные имена классов и идентификаторов. 
Создание комментариев. 
Адаптивно-резиновая верстка от 320px до 1392px. 
Кроссбраузерность. 
Использование препроцессора scs. 
Исключение инлайновых стилей. 
Иконки SVG. 
Методология БЭМ. 
Использование микроразметки.  Свернуть

Нужно сверстать страницу, состоящую из 8-и блоков. Блоки простые, с минимумом элементов
Элементы дизайна нужно будет анимировать. Пример анимаций: ссылка
.
Проект долгосрочный. Если сработаемся - продолжим сотрудничество
.
Требования:
+ использовать последнюю версию Bootstrap (знать все классы и использовать нужные)
+ адаптивная верстка (figma-макет, моб версия есть)
+ кроссбраузерная (последние версии всех браузеров, в том числе Сафари)
+ валидная верстка
+ название классов по БЭМ
+ независимые блоки (чтобы легко можно было поддерживать сайт, менять их местами, и чтобы программист не запутался в вашей вёрстке)
+ иконки в svg-спрайтах
+ оптимизация изображений
+ скорость загрузки страницы 95 - 100%
+ количество скриптов и библиотек стремится к нулю
+ максимально использовать возможности css-3 вместо скриптов
.
Желательно:
+ Pixel Perfect
.
ВАЖНО:
Мне нужен человек, который ответственно относится к работе, предлагает как сделать лучше (если в заказе есть какие-то недочёты), ПОСТОЯННО на связи (ответ в течение часа)
.
Обязательно сбросьте ссылки на страницы, которые вы верстали полностью самостоятельно. Буду оценивать ваш уровень по вашему коду
.
Исполнителя выберу в ближайшие дни. Цена договорная.
Благодарю за внимание! Свернуть

Здравствуйте, дорогие фрилансеры нужно переделать код на HTML по методологии БЭМ, по срокам у нас 3 дня! оплата по факту! оставляйте свой тг! Свернуть

Требования/СТЭК:
HTML , SASS в gulp- пе , swiper js , tabs , по БЭМ, не на bootstrap, без фреймворков, адаптив.
После тестирования внести правки, при необходимости. Свернуть

Требуется выполнить верстку под платформу 1С-Битрикс, макет в figma.
Требования:
- иконки в svg;
- googlepagespeed >90;
- БЭМ;
- возможно использование сетки bootstrap; Свернуть

Привет, есть простой проект на HTML, CSS и немножечко JavaScript, сам код довольно страный, по этому надо добавить микрозаметки и переписать код по метадологии БЭМ
Оставляйте свой тг! Свернуть

Доброго времени суток! есть вёрстка проекта, код довольно чистый но нету БЭМ, а для нас это очень важно!
Бюджет не большой, пожалуйста оставляйте свой тг! Свернуть

Всем привет )
Есть старый недоделанный проект, который нужно доверстать (Вся инфа кандидатам)
Только из РФ и с отзывами,
Безопасная сделка

От вас:
- Опыт CSS, JS, GSAP, GULP, БЭМ
- Портфолио, гитхаб, краткое описание опыта работы Свернуть

 Всем привет! Я начинающая верстальщица, освоила верстку HTML5 и CSS3, знакома с Bootstrap-4, пишу по БЭМ-методологии, работаю с макетами из Figma. В настоящий момент прохожу курсы по frontend-разработке и осваиваю JS и его различные библиотеки. Я ищу человека которого я бы могла разгрузить несложной работой, или человека который бы мог мне давать небольшие заказа/задачи по верстке. Учусь уже около года.  Если нужно то покажу пару сделанных макетов. Если я вас заинтересовала, то буду рада знакомству.  Свернуть

Добрый день!
Нужно в готовую вёрстку сделать слайдер. Реализовать нужно как отдельный переиспользуемый блок (БЭМ методология).

Сам слайдер на скриншотах в прикрепленных файлах. Исполнителю дам весь макет в фигме.

Особенности слайдера:
На десктопах боковые слайды имеют прозрачность 0.1При наведении на карточку (на слайд) он увеличивается, а также появляются кнопки.На мобильных устройствах слайды должны располагаться в два рядаДля всех устройств слайдер один и тот же (один и тот же html код)Необходимо использовать библиотеку swiperСборка через наш gulp файл Свернуть

Добрый день.
Требуется верстальщик - умеющий верстать и работать. Есть дизайн в Figma на 5 страниц. Нужна качественная адаптивная верстка. Реализовать всю логику сайта(модальные окна, переходы по ссылкам, спойлеры и т.д.).
Сайт будет натягиваться на CMS.

Требования:
- Отчёт каждые 4 часа на Вашем сервере.
- Резиновая верстка без брейкпоинтов;
- Использовать стандартный JS, из слайдеров - swiper;
- Анимация при прокрутке;
- Использовать сборщик gulp;
- Использовать методологию БЭМ;
- Стили делать через препроцессор SCSS, все цвета выносить в переменные и использовать их;
- Код должен быть читабельным, т.к. с ним после вас будет работать другой специалист.

Макет скину кандидату. При отклике на проект оставляйте, пожалуйста, свои контакты в телеграмм. Возможно дальнейшее сотрудничество! Свернуть

2 версии сайта мобильная и дектоп, адаптив на каждую версию

Требования к совместимости с клиентскими браузерами

Сайт должен быть рассчитан на работу при минимальном горизонтальном
разрешении экрана 320 точки (px). Отображение сайта в зависимости от
разрешения монитора
разрабатывается исходя из дизайн-макетов, которые согласовываются с
Заказчиком
перед этапом вёрстки шаблонов страниц сайта.
Все функции сайта корректно работают в следующих браузерах

1. Windows 7,8,10
1. Microsoft Edge (последняя актуальная версия на момент запуска сайта).
Страница 5 из 13
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

2. OS X
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

3. Мобильные устройства
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera Mini (последняя актуальная версия на момент запуска сайта).
Для корректного отображения портала в браузере должна быть включена
поддержка
JavaScript сценариев и разрешено сохранение cookies.

Используемые технологии:
-Сборщик (с конфигом)
-БЭМ (туда же можно OOCSS, SMACSS)
-Линтеров наличие, желательно
-Семантическая разметка (html5 тэги и их иерархия)
-Контент не должен ломать вёрстку
-Препроцессоры / SCSS, LESS - режим организации стилей на проекте в целом
-Шаблонизаторы
-Респонсива наличие само собой
-Стиль кода (js/jquery)
-Кроссбраузерность
-Фавиконы кросбраузыерные (сборщик решает эту проблему)
-Рациональность использования сторонних плагинов или наоборот их отсутствие
-Оптимизация (использование тегов picture, размеры файлов и пр. вещи из googlePageSpeed, например)
-Картинки и современные форматы изображений, в идеале
-Шрифты и их подключение (в идеале бы вариативные)
-Векторные иконки (их оптимизация)
-Единицы измерения в идеале не px, а rem/em

Тесты на Jest — фреймворк для тестирования JavaScript, разработанный для
обеспечения уверенности в правильной работе любого JavaScript кода. Свернуть

Верстка страницы сайта

верстаем 2 версии мобильную и дектоп, обе адаптивные в рамках своих разрешений

Требования к верстке

-Сборщик (с конфигом)
-БЭМ (туда же можно OOCSS, SMACSS)
-Линтеров наличие, желательно
-Семантическая разметка (html5 тэги и их иерархия)
-Контент не должен ломать вёрстку
-Препроцессоры / SCSS, LESS - режим организации стилей на проекте в целом
-Шаблонизаторы
-Респонсива наличие само собой
-Стиль кода (js/jquery)
-Кроссбраузерность
-Фавиконы кросбраузыерные (сборщик решает эту проблему)
-Рациональность использования сторонних плагинов или наоборот их отсутствие
-Оптимизация (использование тегов picture, размеры файлов и пр. вещи из googlePageSpeed, например)
-Картинки и современные форматы изображений, в идеале
-Шрифты и их подключение (в идеале бы вариативные)
-Векторные иконки (их оптимизация)
-Единицы измерения в идеале не px, а rem/em

Требования к совместимости с клиентскими браузерами

Сайт должен быть рассчитан на работу при минимальном горизонтальном разрешении экрана 320 точки (px). Отображение сайта в зависимости от разрешения монитора
разрабатывается исходя из дизайн-макетов, которые согласовываются с Заказчиком
перед этапом вёрстки шаблонов страниц сайта.
Все функции сайта корректно работают в следующих браузерах

1. Windows 7,8,10
1. Microsoft Edge (последняя актуальная версия на момент запуска сайта).
Страница 5 из 13
2. Mozilla Firefox (последняя актуальная версия на момент запуска сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

2. OS X
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

3. Мобильные устройства
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera Mini (последняя актуальная версия на момент запуска сайта).
Для корректного отображения портала в браузере должна быть включена поддержка
JavaScript сценариев и разрешено сохранение cookies. Свернуть

Добрый день!

Необходимо сверстать интерфейсы для игрового roleplay-сервера (GTA5). Объем работ достаточно большой, поэтому, хотелось бы нацеливаться на долгосрочное сотрудничество. Весь дизайн и макеты уже отрисованы в Figma, необходимо превратить это в полноценный фронт на Vue3.

Работа сдельная, вы оцениваете объем работ и сроки, оплата по договору.

Стек:
- Vue3 + Vuex + VueRouter + Typescript
- Стили на SASS
- Макеты в Figma, умение работать в Photoshop будет плюсом
- По методологиям, используем БЭМ для именования html-элементов и стилей

Верстка должна быть адаптивной, для экранов от 1024 до 4к. Верстка должна выглядеть одинаково при всех разрешениях. В проекте присутствует большое количество интерактивных элементов и механик, например различного рода графики, диаграммы, слайдеры, анимации, drag-n-drop.

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

«Сайт будет натягиваться на CMS. Нужно:
- Адаптивная верстка
- Кроссбраузерная верстка (можно ie не учитывать но чтобы хотя бы в edge работало норм)
- Все тексты на картинках верстать текстами, а не дергать из макета куски и вставлять это блоками
- Верстка должна быть ровной и не "плавать"
- Желательно использовать методологию БЭМ
- Стили делать через препроцессор SCSS. Использовать переменные и отдельные файлы для разных страниц / блоков. Что-то выносить в общие стили. Так, чтобы код был читаемый и легко поддерживаемый.
- Использование фронтенд фреймворка UIKIT (getuikit.com) - это очень желательно. На самый самый край можно Bootstrap, но не хотелось бы.
- Использовать препроцессор twig
- Все тексты использовать в переменных twig
- Все списки (в том числе блоки сетки) делать через циклы в twig
- Все дублирующиеся куски (шапки, меню) верстать отдельными файлами для переиспользования.

По СЕО:
ссылка (2, 3, 4, 5 то что жирным)»

макет сайта находится здесь
ссылкаСвернуть

Отличные знания HTML5, CSS3, JS (начальный уровень). Умение писать грамотный и чистый код, который можно легко масштабировать.
HTML5Семантическая верстка.CSS3Scss;Bootstrap не используем;Pixel-perfect;Flex, Grid;CSS-анимации;БЭМ;Использование Gulp / Webpack и их настройка.JS
jQuery не используем;VanillaJS;Понимание DOM;Умение манипулировать DOM.Плюсом будет:

Знание Wordpress
Advanced Custom Fields;Создание блоков ACF для Gutenberg;WPML;Polylang.PHP
Переменные, циклы, функции и прочее из начального уровня.SQL
Умение писать простейшие запросы в БД. Свернуть