Фото разработчика

Фронтенд разработчик

  • HTML5
  • CSS3
  • JS
  • Flexbox
  • SVG
  • BEM
  • LESS
  • Grunt
  • Git
  • Cross Browser
  • Adaptive
  • Responsive
  • Progressive Enhancement
  • Semantic Layout

Портфолио

  • Мишка - адаптивный интернет-магазин игрушек

    Проект 'Мишка'. Главная страница Проект 'Мишка'. Страница формы Проект 'Мишка'. Страница формы
    • Множество деталей, сложная сетка с перестроениями, нестандартные компоненты
    • Кроссбраузерная валидная Pixel Perfect верстка по psd-макетам
    • Верстка трёх состояний (мобильного, планшетного и десктопного) каждой страницы
    • Адаптивность на media queries и резиновая сетка
    • Использованы флексбоксы
    • Использование БЭМ методологии
    • Локальное подключение нестандартных шрифтов
    • Использование CSS-препроцессора LESS
    • Адаптивная графика: использование векторной графики, кадрирование контекстных изображений, ретинизация растровой графики
    • Критическая функциональность сайта работоспособна без js (использовано прогрессивное улучшение)
    • Автоматизация сборки c помощью Grunt
  • Адаптивный Landing page для научно-технического центра

    Сайт для научно-технического центра. Десктоп Сайт для научно-технического центра. Планшет Сайт для научно-технического центра. Мобильный
    • Адаптивная Pixel Perfect вёрстка по psd-макету с использованием Bootstrap3 и media queries
    • Реализация открытия/сокрытия меню на мобильной версии (js)
    • Кнопка перехода вверх по странице (js)
    • Навигация по странице при помощи "якорей"
  • Адаптивный сайт-портфолио для визажиста

    Сайт-портфолио для визажиста. Главная страница Сайт-портфолио для визажиста. Страница контактов Сайт-портфолио для визажиста. Страница Прайса
    • Адаптивность на media queries и bootstrap-grid
    • Полифил HTML5 Shiv для поддержки HTML5
    • Плагин Unite Gallery для responsive галереи
    • Плагин jquery-goup для перехода вверх по странице
    • Создание и добавление favicon
    • Эффекты при наведении и клике
    • Проверка заполнения формы (js)
    • Интерактивная карта (js)
    • Размещение сайта на хостинге
    • Поддержка сайта, внесение изменений
  • Барбершоп - винтажный сайт мужской парикмахерской

    Проект 'Барбершоп'. Главная страница Проект 'Барбершоп'. Страница каталога Проект 'Барбершоп'. Страница товара
    • Кроссбраузерная Pixel Perfect вёрстка по psd-макету
    • Эффекты при наведении и клике
    • Модальное окно авторизации (js)
    • Анимация при неверном заполнении полей (js)
    • Навигационная цепочка Breadcrumbs
    • Интерактивная карта (js)
    • Кликабельные элементы фильтра (css)
    • Первый товар - ссылка на страницу с подробностями
  • Техномарт - интернет-магазин инструментов

    Проект 'Теномарт'. Главная страница Проект 'Техномарт'. Страница каталога Проект 'Техномарт'. Страница контактов
    • Кроссбраузерная Pixel Perfect вёрстка по psd-макету
    • Эффекты при наведении и клике
    • Навигационная цепочка Breadcrumbs
    • Переключение слайдов (css)
    • Модальное окно оформления заказа у первого товара (js)
    • Интерактивная карта при клике по карте (js)
    • Модальное окно обратной связи на кнопке "Заблудились?" (js)
    • Кликабельные элементы фильтра в сайдбаре (css)
    • Критическая функциональность сайта работоспособна без js
  • Polinarya.ru (Данный сайт)

    • Отзывчивый дизайн (Bootstrap 3)
    • jQuery Easing плагин для плавных переходов к разделам страницы
    • Google аналитика и Yandex метрика

Обо мне

Образование:

HTML Academy 2014-2017. Фронтенд разработчик.

ЧГПУ 2006-2011. Филологический факультет. Учитель русского языка и литературы.

Личностные качества:

Коммуникабельность, усидчивость, ответственность, перфекционизм.

Интересы:

Изобразительное искусство, фотография, анимация, боулинг.

Семейное положение:

Замужем, один ребенок.

Контакты

+7(982)344-75-80
PolinaRylova