Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, да не за что. Спасибо за вкусняшку (´･ᴗ･ )

Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, В общем с размером файлов всё в порядке, у меня просто антивирусник (nod32) фильтрует трафик и отдает файлы не пожатые gzip`ом. Куда копать дальше я не знаю =(
Попробуй нового пользователь создать и заново установить хром. Может чего получиться.

Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, посмотри откуда грузится inject.js, для этого включи показ Remote Address

spoiler

скопирую сам файл inject.js (правой кнопкой по нему -> save as) и выложи его содержимое

Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, а что за inject.js в самом низу? У меня включен adblock и такого скрипта на странице нет. Удали расширение adblock, перезапусти браузер. У тебя все css файлы кто то портит, они должны быть больше по размеру. Скорей всего это какой-то не правильный adblock.

Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, а теперь посмотри содержимое animate.min.css. У меня он весит 56.8KB

Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, что вообще никакие css не загружаются? 0_о Поставь галочку "Disable cache" и обнови страницу.

Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, на вкладке network файл animate.min.css загружается?

spoiler

Почему на клиенте при входе через Chrome не работает https://animate.css/?

Darya Shvakh, посмотри что происходит в девтулзах при нажатии на кнопку. Классы у #animationSandbox меняются? попробуй из консоли запустить анимацию testAnim('tada')

Не правильно отображается картинка(лого), как сделать?

Wilt, ага

Не правильно отображается картинка(лого), как сделать?

Wilt, обновил

Как бороться с проваливанием элементов под элементы с position:absolute?

Alex_87, я не задавал max-height, он там был до меня. По моему если купить pro аккаунт, то можно и не только картинки. Для демок используй какой нибудь сторонний ресурс, например https://source.unsplash.com/

Как бороться с проваливанием элементов под элементы с position:absolute?

Alex_87, элементы с position: absolute не влияют на размеры родителя, поэтому #gallery имеет нулевую высоту и картинки просто выглядываю из него. Задай #gallery минимальную высоту.
https://codepen.io/anon/pen/joqWKW

Адаптивные блоки с картинками, как сделать адаптивную картинку под блоки?

Антон Вебсайтовский,

.gltextr img {
  width: 31.5%;
  max-width: 190px;
}

Как свертстать такой дизайн в меню?

barabash2090, пожалуйста =)

Как эффективнее реализовать подобный бекграунд?

deniskins23, там для css, у svg поддержка лучше.

Как эффективнее реализовать подобный бекграунд?

deniskins23, посмотри поддержку clipPath в SVG
https://developer.mozilla.org/en-US/docs/Web/SVG/E...

Как правильно прописать адрес файла изображения, который находится в корне локального диска С моего жесткого в html документе?

Можно локальный сервер запустить и с него уже картинки через инспектор браузера вставлять.

Как сделать адаптивный слайдер на чистом javascript?

держи другой слайдер
https://idangero.us/swiper/
https://glidejs.com/

Как изменить аккордеон?

kolykisel,

item.onclick = function () {
  answers.forEach((el, index) => (index !== i) ? el.classList.remove('question-item__text_active') : '');
  icons.forEach((el, index) => (index !== i) ? el.classList.remove('question-item__icon_active') : '');
  answers[i].classList.toggle('question-item__text_active');
  icons[i].classList.toggle('question-item__icon_active');
};

Что будет быстрее работать?

dollar, посмотри 4й и 5й пункты.
https://threatpost.ru/browser-mitigations-against-...