
AstraUkraine
Работа по HTML-вёрстке ориентированной на CSM WordPress
Выполнил задачу: html-вёрстка сайта.
Сайт предназначенного для привлечения иностранных абитуриентов на обучение на Украине.
Отдельно дизайн для сайта не создавался, поєтому страницы свёрстаны по образцу с из нескольких psd-шаблонов доноров.
Вёрстка адаптивна, кросс-браузерная, в дальнейшем интегрировалась на CMS WordPress. На главной странице предусмотрена анимация при прокрутке и “ленивая” загрузка изображений.
Были свёрстаны такие шаблоны страниц как:
- главная;
- блог / категория;
- постоянная страница / запись блога;
- страница ошибки 404;
- страница результатов поиска.
Чем я занимался в проекте
- разработка структуры главной страницы;
- подбор psd-шаблона;
- html-вёрстка.
Библиотеки и фреймворки, которые я использовал
- FlexboxGrid.css – модульная бутстрап подобная сетка на флексбоксах
- LazyLoad.js – jQuery плагин для добавления “ленивой” загрузки изображений
- Superembed.js – обнаруживает встроенное видео популярных видеосервисов и делает его адаптивным
- Fancybox.js – jQuery плагин для создания модальных окон и галлереи
- jQuery -популярный JavaScript фреймворк;
- Slick.js – популярный слайдер
- WOW.js – анимация элементов при прокрутке страницы, WOW.js позволяет отложить запуск анимации элементов до момента их отображения на экране при прокрутке страницы. Разработчик WOW.js рекомендует использовать Animate.css для анимации.
- Animate.css – библиотека css-анимации для сайта, поддерживает более 70 эффектов.
Подписаться
0 комментариев