нажми для закрытия
программист ищет работу

меню Главная

Пример страницы с адаптивным дизайном при применении JQuery, CSS3 и SVG-графики

Используемые технологии: HTML, CSS, JavaScript, jQuery

Развивающие задания для малышей выполнены по заказу зарубежных партнеров. Здесь представлен пример выполненного урока.

В связи с популярностью мобильных устройств и ростом посетителей с них появилась необходимость в переходе с ресурсоемкой технологии Flash на более современные технологии разработки веб-приложений с использованием HTML5, CSS3 и JavaScript.

движок для информационного сайта

Задания созданы с использованием приложения «Google Web Designer», хорошо масштабируются в любом современном браузере и устройстве.

Использование внутреннего интерфейса приложения от Google совместно с JQuery и SVG-графикой позволило реализовать интересные и визуально привлекательные решения, такие как:

  • анимация и изменение курсора мыши;
  • работа с объектами (анимация, изменения их свойств, размеров и координат);
  • создание функций (для выполнения сложных логических задач);
  • реализация SVG-объектов позволило уменьшить объем загружаемого файла;
  • создание активной области (откликающееся на прикосновение к экрану или клику мышки) любой необходимой формы для реализации нетривиальных задач;

   

Пример сайта недвижимости на фреймворке Yii2

Пример собственного движка для информационного сайта

Примеры информационных сайтов с адаптивной версткой

Примеры интернет-магазинов с адаптивной версткой

Пример перевода сайта на адаптивный дизайн

Детский сайт с адаптивным дизайном

Примеры использования jQuery и SVG-анимации

программист ищет работу