Примеры вёрстки

  • Cat Energy

    Адаптивная вёрстка 3х страниц сайта. Технологии: mobile first, HTML5, CSS3, БЭМ, Javascript, SASS, GULP, оптимизация под Retina-экраны. Сложное перестроение элементов дизайна на разных экранах.

    Cat Energy
    Cat Energy
    Cat Energy
  • Pink

    Адаптивная вёрстка 3х страниц сайта. Технологии: mobile first, HTML5, CSS3, БЭМ, Javascript, SASS, GULP, оптимизация под Retina-экраны. Сложное перестроение элементов дизайна на разных экранах.

    Pink
    Pink
    Pink
  • Mishka

    Адаптивная вёрстка 3х страниц сайта. Технологии: mobile first, HTML5, CSS3, БЭМ, Javascript, SASS, GULP, оптимизация под Retina-экраны. Сложное перестроение элементов дизайна на разных экранах.

    Mishka
    Mishka
    Mishka
  • Barbershop

    Адаптивная вёрстка 3х страниц сайта. Технологии: mobile first, HTML5, CSS3, БЭМ, Javascript, SASS, GULP, оптимизация под Retina-экраны.

    Barbershop
    Barbershop
    Barbershop

Знакомство

Привет! Меня зовут Татьяна!

Я верстаю макеты адаптивных сайтов и пишу JavaScript.

В работе использую современные технологии вёрстки HTML5, CSS3, JavaScript с использованием препроцессора Sass и сборщиков проектов Gulp и Webpack.

В качестве инструментов применяю Adobe Photoshop, Adobe Illustrator, Sketch, Figma, Avocode, PhpStorm.

Каждый проект верстается с нуля, без использования фреймворков, по методологии БЭМ, что делает конечный продукт модульным и удобным для использования в дальнейшей разработке.

  • логотип HTML5
  • логотип CSS3
  • логотип JavaScript
  • логотип Sass
  • логотип Gulp
Верстальщик адаптивных макетов сайтов

Что такое вёрстка сайта?

  • В разработке сайта есть несколько этапов, поэтому в работе над сайтом принимает участие не один специалист. Сначала дизайнер разрабатывает макет. Далее макет попадает к верстальщику, который должен сверстать (перевести) макет в специальный код, понятный интернет-браузерам.

    Вёрстка сайта сегодня очень отличается от вёрстки сайта несколько лет назад. Раньше можно было сверстать всего один вариант страницы - и сайт превосходно работал.

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

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

  • Дизайнер продумывает и воплощает три варианта страницы - десктопная, планшетная и мобильная. Все эти версии по элементам дизайна и структуре могут и должны отличаться друг от друга. Это делается для удобства пользования сайтом при любом разрешении экрана. Например, на мобильной версии меньше «украшательств», крупнее кнопки, поля форм, текст и т. д.

    Чем сложнее дизайн, тем больше времени потребуется верстальщику, чтобы воплотить идею дизайнера. Как видите, работа верстальщика усложняется как минимум в три раза.

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

    Для успешной работы сайт должен «уметь» моментально подстраиваться под разрешение экрана пользователя. Такая версия сайта называется адаптивной. Задачей верстальщика, таким образом, и является разработка адаптивной версии сайта.

Этапы работы

Чтобы определить стоимость вёрстки и сроки, необходимо ознакомиться с макетами и сопроводительной информацией. После согласования цены и сроков Заказчиком вносится предоплата 50%.

Стоимость работ в моём исполнении начинается с 10 000 рублей.

Когда работа будет закончена, Заказчик получит ссылку на проект, где он сможет всё самостоятельно проверить.

После окончательного приёма работы и полной оплаты Заказчику будет передан готовый проект.

Контакты

Для связи со мной используйте:

+7 (925) 741-12-12

Напишите мне