AstraUkraine - Портфоліо

Виконав завдання: html-верстка сайту.

Сайт призначеного для залучення іноземних абітурієнтів на навчання в Україні.

Окремо дизайн для сайту не створювався, тому сторінки зверстані за зразком з декількох psd-шаблонів донорів.

Верстка адаптивна, крос-браузерна, надалі інтегрувалася на CMS WordPress. На головній сторінці передбачена анімація при прокручуванні і “ледаче” завантаження зображень.

Були зверстані такі шаблони сторінок:

  • головна;
  • блог / категорія;
  • постійна сторінка / запис блогу;
  • сторінка помилки 404;
  • сторінка результатів пошуку.

Бібліотеки та фреймворки, які я використав

  • 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 ефектів.

голос
Рейтинг статті
Підписатися
Сповістити про
guest
0 Коментарі
Вбудовані Відгуки
Переглянути всі коментарі
0
Ми любимо ваші думки, будь ласка, прокоментуйте.x
()
x